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

Style borderLeftStyle Property

<كائن نمط

مثال

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

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

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

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


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية 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


<كائن نمط