يُمثِّل العنصر <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;
}
cols
.