مثال
إضافة "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
<كائن نمط