خصائص نمط الحدود السفلية CSS

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

يحدد نمط الحدود السفلية للعنصر.

يظهر الحد فقط عندما تكون هذه القيمة ليست none.

في CSS1، يجب أن يدعم وكيل HTML المستخدم فقط solid و none.

انظر أيضًا:

دليل CSS التعليمي:حافات CSS

دليل CSS:خصائص border-bottom

دليل HTML DOM:خصائص borderBottomStyle

مثال

تعيين نمط الحدود السفلية:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

جرب بنفسك

قواعد CSS

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

قيمة الخاصية

القيمة الوصف
none يحدد الحدود بدون حواف.
hidden مثل "none"، باستثناء تطبيقه على الجداول، حيث يستخدم "hidden" لحل مشاكل التوتر في الحدود.
dotted يحدد حافة نقاط. يُعرض في معظم المتصفحات كخط مستقيم.
dashed يحدد خطًا مشوشًا. يُعرض في معظم المتصفحات كخط مستقيم.
solid يحدد خطًا مستقيمًا.
double يحدد خطين. عرض الخطين يساوي قيمة border-width.
groove يحدد حافة 3D grooved. تأثيره يعتمد على قيمة border-color.
ridge يحدد حافة 3D ridged. تأثيره يعتمد على قيمة border-color.
inset يحدد حافة 3D inset. تأثيره يعتمد على قيمة border-color.
outset يحدد حافة 3D outset. تأثيره يعتمد على قيمة border-color.
inherit يحدد يجب أن يتم تمرير نمط الحدود من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: لم يتم تحديد
التنقل: لا
الإصدار: CSS1
قواعد JavaScript: object.style.borderBottomStyle="dotted"

مزيد من الأمثلة

تعيين نمط الحدود السفلية
هذا المثال يوضح كيفية تعيين نمط الحدود السفلية.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2