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