خصائص Style borderBottom
- الصفحة السابقة border
- الصفحة التالية borderBottomColor
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
الخط السفلي للجدول يُمكن تعيين أو استرداد الخاصية باستخدام شكل مختصر يحدد حتى ثلاث خاصيات border-bottom منفردة.
باستخدام هذا الخصوصية، يمكنك تعيين/استرداد ما يلي (بأي ترتيب):
يرجى الرجوع أيضًا إلى:
دليل تعليمات CSSCSS حدود
دليل CSSخصوصية border-bottom
دليل HTML DOMخصوصية border
مثال
مثال 1
إضافة حاجز سفلي لعنصر <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
مثال 2
تغيير عرض الحاجز السفلي للعنصر <div> في العرض، النمط واللون:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
مثال 3
استرداد قيمة خاصية border-bottom للعنصر <div>:
alert(document.getElementById("myDiv").style.borderBottom);
النحو
استرداد خاصية borderBottom:
object.style.borderBottom
تعيين خاصية borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| width | تعيين عرض الحاجز السفلي. |
| style | تعيين نمط الحاجز السفلي. |
| color | تعيين لون الحاجز السفلي. |
| initial | أعد هذا الخصوصية إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | يرث هذا الخصوصية من العنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | غير محدد |
|---|---|
| القيمة المعدلة: | القيمة هي سلسلة، تُمثل عرض الحاجز السفلي للعنصر، النمط و/أو اللون. |
| إصدار CSS: | CSS1 |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الذي يدعم الخاصية لأول مرة.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- الصفحة السابقة border
- الصفحة التالية borderBottomColor
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
