خصائص Style borderBottomStyle

التعريف والاستخدام

borderBottomStyle ضبط أو إرجاع نمط الحدود السفلية للعنصر.

يرجى الرجوع إلى:

دليل CSSحافات CSS

دليل CSSخصائص border-bottom-style

دليل HTML DOMخصائص الحدود

مثال

مثال 1

إضافة خط جانبي سميك للعنصر <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

جرب بنفسك

مثال 2

تعديل نمط الجانب السفلي للعنصر <div> إلى "الخط الداكن":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

جرب بنفسك

مثال 3

يرجع إلى نمط الحافة السفلية للعنصر <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

جرب بنفسك

مثال 4

عرض جميع القيم المختلفة:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

جرب بنفسك

النحو

إرجاع خصائص borderBottomStyle:

الشكل.style.borderBottomStyle

تعيين خصائص borderBottomStyle:

الشكل.style.borderBottomStyle = value

قيمة الخصائص

القيمة الوصف
لا شيء يحدد الحافة بدون حواف. افتراضي.
hidden مثل "لا شيء"، باستثناء حل النزاعات في عناصر الجدول.
dotted يحدد الحافة النقاط.
dashed يحدد الحافة المسطحة.
solid يحدد الحافة الكثيفة.
double يحدد الحافة المزدوجة. عرض الحواف نفسه هو نفسه مثل قيمة border-width.
groove يحدد الحافة العميقة الثلاثية الأبعاد. تأثيره يعتمد على border-color القيم.
ridge يحدد الحافة المكسرة الثلاثية الأبعاد. تأثيره يعتمد على border-color القيم.
inset يحدد الحافة الداخلية الثلاثية الأبعاد. تأثيره يعتمد على border-color القيم.
outset يحدد الحافة الخارجية الثلاثية الأبعاد. تأثيره يعتمد على border-color القيم.
الافتراضي ضع هذا الخصائص في قيمته الافتراضية. انظر الافتراضي.
التوريث ينقل هذا الخصائص من العنصر الأب. انظر التوريث.

تفاصيل تقنية

القيمة الافتراضية: لا شيء
القيمة المقدمة: الخطاب، يمثل نمط الحافة السفلية للعنصر.
إصدار CSS: CSS1

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الخصائص.

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

التعليقات:IE7 و الإصدارات الأحدث لا تدعم القيمة "hidden". IE9 والإصدارات الأحدث تدعم "hidden".