أحدث البرامج التعليمية وتطوير الشبكة
 

Style borderBottomStyle Property

<كائن نمط

مثال

إضافة "solid" الحد السفلي ل <div> العنصر:

document.getElementById("myDiv").style.borderBottomStyle = "solid";
انها محاولة لنفسك »

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

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


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

خاصية
borderBottomStyle 1.0 5.5 1.0 1.0 9.2

ملاحظة: قيمة "hidden" غير معتمد في IE7 والإصدارات السابقة. IE9 والدعم لاحق "hidden" .


بناء الجملة

إعادة الممتلكات borderBottomStyle:

object .style.borderBottomStyle

تعيين الخاصية borderBottomStyle:

object .style.borderBottomStyle= value

قيم الممتلكات

القيمة وصف
none يعرف أي حدود. هذا هو الافتراضي
hidden نفس "none" ، ما عدا في حل النزاعات الحدودية لعناصر الجدول
dotted يعرف الحدود منقط
dashed يعرف الحدود متقطع
solid يعرف الحدود الصلبة
double يعرف اثنين من الحدود. عرض حدود هما نفس القيمة للحدود العرض
groove يعرف الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون
ridge يعرف الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون
inset يعرف الحدود 3D أقحم. تأثير يعتمد على قيمة الحدود لون
outset يعرف الحدود البداية 3D. تأثير يعتمد على قيمة الحدود لون
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

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

مزيد من الأمثلة

مثال

تغيير نمط الحد السفلي من <div> العنصر إلى "dotted" :

document.getElementById("myDiv").style.borderBottomStyle = "dotted";
انها محاولة لنفسك »

مثال

عودة نمط الحدود السفلي من <div> العنصر:

alert(document.getElementById("myDiv").style.borderBottomStyle);
انها محاولة لنفسك »

مثال

مظاهرة من كل القيم مختلفة:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS الحدود

CSS المرجع border-bottom-style property

HTML DOM المرجع border property


<كائن نمط