العنصر <pre>

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

يُمثِّل العنصر <pre> نصًا منسقًا مسبقًا (preformatted text)، والنص الموجود داخل هذا العنصر يُعرَض بخطٍ ذي عرضٍ ثابت (monospaced font) كما هو مكتوب في الملف المصدري تمامًا، وستُعرَض الفراغات الموجودة كما هي.

مثال عن استخدام العنصر <pre> لعرض شيفرة CSS بسيطة:
<!-- شيفرة CSS -->
<pre>
body {
  color:red;
}
</pre>

بطاقة العنصر

تصنيفات المحتوى محتوى تنظيمي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM HTMLPreElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

أصبحت الخاصيتان cols و width (اللتان تحددان العدد الأمثل للمحارف في السطر) مهملتين في HTML5 ولا يجب استخدامهما في الصفحات الحديثة.

التنسيق الافتراضي

أغلبية المتصفحات تعرض العنصر <pre> مع ضبط الخاصية display إلى block، والخاصية font-family إلى monospace (خط ذو عرض ثابت)، والخاصية white-space إلى pre، وجعل الهامش margin العلوي والسفلي مساويًا إلى 1em والهامش الأيمن والأيسر مساويًا إلى 0:
pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

مصادر ومواصفات