نمط الحدود الخاصية السفلية
مثال
أضف حدًا سفليًا إلى عنصر <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم خاصية borderBottom بتعيين أو إرجاع ما يصل إلى ثلاث خصائص منفصلة للحدود السفلية ، في نموذج اختصار.
باستخدام هذه الخاصية ، يمكنك تعيين / إرجاع واحد أو أكثر مما يلي (بأي ترتيب):
- عرض أسفل الحد
- نمط الحد السفلي
- لون الحد السفلي
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
| Property | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
إرجاع خاصية borderBottom:
object.style.borderBottom
قم بتعيين خاصية borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
قيم الملكية
| Parameter | Description |
|---|---|
| width | Sets the width of the bottom border |
| style | Sets the style of the bottom border |
| color | Sets the color of the bottom border |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
| القيمة الافتراضية: | غير محدد |
|---|---|
| قيمة الإرجاع: | سلسلة ، تمثل عرض ونمط و / أو لون الحد السفلي للعنصر |
| إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
غيّر عرض ونمط ولون الحد السفلي لعنصر <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
مثال
قم بإرجاع قيم خاصية الحد السفلي لعنصر <div>:
alert(document.getElementById("myDiv").style.borderBottom);
الصفحات ذات الصلة
دروس CSS: CSS Border
مرجع CSS: خاصية border-bottom
مرجع DOM HTML: خاصية الحدود