العنصر pre
الكاتب:
سامي
-
2 أكتوبر, 2024
العنصر
يُمثِّل العنصر نصًا منسقًا مسبقًا (preformatted text)، والنص الموجود داخل هذا العنصر يُعرَض بخطٍ ذي عرضٍ ثابت (monospaced font) كما هو مكتوب في الملف المصدري تمامًا، وستُعرَض الفراغات الموجودة كما هي.
مثال عن استخدام العنصر لعرض شيفرة CSS بسيطة:
body {
color:red;
}
بطاقة العنصر
| تصنيفات المحتوى | محتوى تنظيمي. |
|---|---|
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي. |
| واجهة DOM | HTMLPreElement |
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
أصبحت الخاصيتان cols و width (اللتان تحددان العدد الأمثل للمحارف في السطر) مهملتين في HTML5 ولا يجب استخدامهما في الصفحات الحديثة.
التنسيق الافتراضي
أغلبية المتصفحات تعرض العنصر مع ضبط الخاصية display إلى block، والخاصية font-family إلى monospace (خط ذو عرض ثابت)، والخاصية white-space إلى pre، وجعل الهامش margin العلوي والسفلي مساويًا إلى 1em والهامش الأيمن والأيسر مساويًا إلى 0:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
شارك المقالة:
1314
مشاهدة
المراجع +
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01، أهملت هذه المواصفة الخاصية
cols.
هل أعجبك المقال
10
12