علامة <hr> HTML

  • الصفحة السابقة <hgroup>
  • الصفحة التالية <html>

التعريف والاستخدام

<hr> تعريف العلامة وتطبيقها في صفحة الويب HTML (مثل تحول الموضوع).

<hr> العناصر تظهر عادة كخط أفقي، تستخدم في صفحات الويب لفصل المحتوى أو تحديد تغييرات في المحتوى.

يرجى الرجوع أيضًا إلى:

دليل HTML DOM:مفهوم HR

مثال

مثال 1

استخدام <hr> العلامات لتحديد تغييرات الموضوع في المحتوى:

<h1>لغات الويب الرئيسية</h1>
<p>HTML لغة العلامات القياسية لإنشاء صفحات الويب. HTML تصف بنية صفحة الويب، مكونة من سلسلة من العناصر......</p>
<hr>
<p>CSS لغة تصف كيفية عرض عناصر HTML على الشاشة، الورق أو وسائل أخرى......</p>
<hr>
<p>JavaScript لغة البرمجة الخاصة بـ HTML و الويب. يمكن لتعديل محتوى HTML وقيم الخصائص......</p>

جربها بنفسك

مثال 2

التحجيم <hr> العنصر (استخدام CSS):

<hr style="width:50%;text-align:left;margin-left:0">

جربها بنفسك

مثال 3

بدون ظل <hr> استخدام CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

جربها بنفسك

مثال 4

إعداد <hr> ارتفاع العنصر (باستخدام CSS):

<hr style="height:30px">

جربها بنفسك

مثال 5

إعداد <hr> عرض العنصر (باستخدام CSS):

<hr style="width:50%">

جربها بنفسك

خصائص العالمية

<hr> يدعم العنصر خصائص العالمية في HTML.

خصائص الحدث

<hr> يدعم العنصر خصائص الحدث في HTML.

إعدادات CSS افتراضية

سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية <hr> العنصر:

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

جربها بنفسك

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم
  • الصفحة السابقة <hgroup>
  • الصفحة التالية <html>