العنصر pre

الكاتب: سامي -
العنصر <pre>
العنصر <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;
}

 

شارك المقالة:
198 مشاهدة
المراجع +

هل أعجبك المقال
0
0

مواضيع ذات محتوي مطابق

مقالات عشوائية

مازدا CX-5 موديل 2019 تنطلق بمحرك توربيني واصدار أعلى جديد
مازدا CX-3 2019 بالمواصفات الأوروبية تنطلق بمحرك ديزل ونسخ خاصة
?فيديو : مازدا تطلق حملة تشويقية لموديل جديد قد يكون مازدا 3
مازدا تعترف بأنها لم تغش في الانبعاثات ولكنها ارتكبت أخطاء
مازدا CX-9 موديل 2019 تأتي بمزايا جديدة وسعر يبدأ من 32.280 ألف دولار
مازدا MX-5 مياتا RF موديل 2019 تصبح أكثر قوة
مازدا MX-5 2019 تأتي بقوة 182 حصان في أوروبا
مازدا MX-5 2019 تأتي بمحرك 2 لتر بقوة 184 بجانب تحديثات أخرى في اليابان
مازدا أتينزا المطورة تنطلق في اليابان بقوة 190 حصان ومحرك ديزل 2.2 لتر
مازدا CX-3 2019 تبدأ مبيعاتها بسعر 20.390 ألف دولار
مازدا CX-3 متاحة الآن مع محرك SkyActiv-D تيربو ديزل 1.8 لتر في اليابان وأوروبا
مازدا MX-5 RF Sport Black Edition الخاصة تأتي في 300 نسخة
مازدا 2 موديل 2018 تنطلق مع نسخة Sport Black المطورة
مراجعة سيارة مازدا 6 2018 … إعادة بناء الثقة
مازدا 6 موديل 2018 تأتي بقوة 250 حصان وسعر 21.950 ألف دولار
التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook