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

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

border-bottom-style يحدد نمط الحد السفلي للعنصر.

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

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

انظر أيضًا:

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

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

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

مثال

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

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

جرب بنفسك

الجافا سكربت:

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 يحدد حافة grooved ثلاثية الأبعاد. تأثيرها يعتمد على قيمة border-color.
ridge يحدد حافة ridged ثلاثية الأبعاد. تأثيرها يعتمد على قيمة border-color.
inset يحدد حافة inset ثلاثية الأبعاد. تأثيرها يعتمد على قيمة border-color.
outset يحدد حافة outset ثلاثية الأبعاد. تأثيرها يعتمد على قيمة border-color.
inherit يحدد أنه يجب أن يتم توريث نمط الحد من العنصر الأم.

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

القيمة الافتراضية: لم يتم تحديده
التنسيق الوراثي: لا
الإصدار: CSS1
جافا سكربت: object.style.borderBottomStyle="dotted"

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

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

دعم المتصفح

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

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