CSS border-bottom-style ɗauka

定义和用法

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

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

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

انظر أيضًا:

دليل CSS التعليميBorder 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 يحدد أن يجب على العنصر تتبع نمط الحدود من العنصر الأب.

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

القيمة الافتراضية: not specified
التنسيق: no
الإصدار: CSS1
جافا سكربت الجملة: object.style.borderBottomStyle="dotted"

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

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

دعم المتصفح

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

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