CSS border-bottom-style ɗauka
- الصف السابق border-bottom-right-radius
- الصف التالي border-bottom-width
定义和用法
border-bottom-style يحدد نمط الحد السفلي للعنصر.
يظهر الحد فقط عندما لا تكون القيمة none.
في CSS1، يجب أن يدعم وكيل HTML فقط solid و none.
انظر أيضًا:
دليل CSS التعليميBorder CSS
دليل CSSخصائص border-bottom
دليل HTML DOMخصائص borderBottomStyle
جملة 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 |
- الصف السابق border-bottom-right-radius
- الصف التالي border-bottom-width