خصائص Style borderLeftStyle

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

borderLeftStyle تعيين أو إرجاع نمط الحدود اليسرى للعنصر.

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

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

دليل CSS:خصائص border-left-style

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

مثال

例子 1

为

元素添加实心左边框：

مثال 1

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

إضافة حافة أيسر كاملة للعنصر <div>:

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

مثال 2

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

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

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

مثال 3

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

إرجاع نمط الحد الأيسر للعنصر <div>:

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

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

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderLeftStyle = listValue;

تجربة شخصية

.style.borderLeftStyleالنحو

إرجاع borderLeftStyle الخاصية:

.style.borderLeftStyleتعيين borderLeftStyle الخاصية: object
.style.borderLeftStyle = value
لا شيء القيمة
الوصف يحدد الحد بدون حواف. الافتراضي.
مستور مثل "لا شيء"، باستثناء في حل منازعات الحدود لعدة عناصر.
نقاط يحدد الحد بالخطوط المتقطعة.
متقطع يحدد الحد الكامل.
ثنائي يحدد حدين. عرض الحدود متساوي مع قيمة border-width.
groove يحدد الحد المتداخل الثلاثي الأبعاد. تأثيره يعتمد على border-color القيم.
ridge يحدد الحد المرتفع الثلاثي الأبعاد. تأثيره يعتمد على border-color القيم.
inset يحدد الحد الداخلي الثلاثي الأبعاد. تأثيره يعتمد على border-color القيم.
outset يحدد الحد الخارجي الثلاثي الأبعاد. تأثيره يعتمد على border-color القيم.
الافتراضي يتم تعيين هذه الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى الافتراضي.
وراثي يتم تمرير هذه الخاصية من عنصر الأب. يرجى الرجوع إلى وراثي.

التفاصيل التقنية

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

دعم المتصفح

كروم إدج فايرفوكس سفاري أوبرا
كروم إدج فايرفوكس سفاري أوبرا
الدعم الدعم الدعم الدعم الدعم