العنصر hr

الكاتب: سامي -
العنصر <hr>
العنصر <hr>

العنصر <hr> يُمثِّل فاصلًا موضوعيًا بين الفقرات (مثلًا: تغيّر المشهد في قصة ما، أو تبدّل الموضوع بإنشاء قسم جديد).

كان يُعرَض هذا العنصر في الإصدارات السابقة من HTML على شكل خط أفقي، وصحيحٌ أنَّه ما يزال يعرَض كذلك في المتصفحات، لكن أصبح له معنى هيكلي، بدلًا من كونه عنصرًا شكليًا فقط.

يحتوي هذا المثال على فقرتين (العنصر <p>) يفصل بينهما العنصر <hr> الذي يُمثَّل بخطٍ أفقي:

<p>الموسوعة التقنية عالم التقنية والابداع بتقديم أهم الشروحات والأخبار التقنية والربح الالكتروني</p>

<hr>

<p>المحتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة.</p>

بطاقة العنصر

تصنيفات المحتوى محتوى تنظيمي.
المحتوى المسموح لا يوجد، لأنه عنصر فارغ.
الوسم المختصر يجب أن يملك وسم بداية، ولا يجب أن يملك وسم نهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM HTMLHRElement

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

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

الخاصيات

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

هنالك خاصيات كانت تستعمل في الإصدارات السابقة لكنها أصبحت غير مدعومة في HTML5 مثل:

  • align: ضبط محاذاة الخط الأفقي في الصفحة، والقيمة الافتراضية هي left.
  • size: ضبط ارتفاع الخط الأفقي بالبكسلات.
  • width: ضبط طول الخط الأفقي بالبكسلات أو كنسبة مئوية.

لا يستحسن أن تستعمل الخاصيات السابقة في الصفحات الحديثة لأنها أصبحت مهملة، وذكرناها هنا لغرض العلم بها.

تنسيق العنصر

تعرض أغلبية المتصفحات العنصر <hr> مع ضبط الخاصية display إلى block، مع إضافة هوامش (margin-top و margin-bottom و margin-left و margin-right)، وإطار (border-style و border-width):

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

 

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

  • معيار HTML Living Standard، عرِّفت هذه المواصفة وظيفة العنصر 
    .
  • مواصفة HTML5.
  • مواصفة HTML 4.01، أهملت هذه المواصفة الخاصيات align و size و noshade و width.
هل أعجبك المقال
0
0

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

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

إطلاق روسيا يساعد Spotify على الوصول إلى 320 مليون مستخدم
كيفية تثبيت دردشة جوجل على جهاز الكمبيوتر الخاص بك
توصلت الدراسة إلى أن سرعات 5G في الولايات المتحدة أبطأ من 14 دولة أخرى
تقرير: سوني في مفاوضات نهائية للاستحواذ على Crunchyroll
يتم إطلاق حزمة اشتراك Apple One اليوم
إطلاق توسع World of Warcraft Shadowlands في 23 نوفمبر
تتطلب لعبة Call of Duty: Black Ops Cold War مساحة تخزين تصل إلى 250 جيجابايت
كيفية إخفاء وإلغاء إخفاء المحادثات في دردشة جوجل
تتعرض أجهزة الكمبيوتر التي تعمل بنظام Windows 10 للهجوم كيف تحمي نفسك الآن
كيفية إعادة التغريد باستخدام تنسيق Twitter المؤقت الجديد
13 صوتًا مخيفًا سجلته وكالة ناسا في الفضاء
الإعلان عن معالج الرسومات المنفصل Intel Iris Xe Max لأجهزة الكمبيوتر المحمولة
تكشف AMD عن المزيد من Radeon RX 6000 Series مقابل معايير Nvidia RTX 3000
كيفية تمكين ميزة التشفير من طرف إلى طرف في اجتماعات Zoom
تحصل Nintendo Joy-Cons على تخفيض دائم في الأسعار قريبًا
التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook