مثال
إضافة "solid" الحد الأيسر ل <div> العنصر:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية borderLeftStyle أو إرجاع أسلوب الحد الأيسر من عنصر.
دعم المتصفح
ويدعم خاصية borderLeftStyle في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات borderLeftStyle:
object .style.borderLeftStyle
تعيين الخاصية borderLeftStyle:
object .style.borderLeftStyle= قيم الممتلكات القيمة وصف 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.borderLeftStyle = "dotted";
انها محاولة لنفسك »
مثال
عودة نمط الحدود تبقى من <div> العنصر:
alert(document.getElementById("myDiv").style.borderLeftStyle); انها محاولة لنفسك »
مثال
مظاهرة من كل القيم مختلفة:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue; انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحدود
CSS المرجع border-left-style property
HTML DOM المرجع border property
<كائن نمط