نمط الحدود الخاصية اليسرى
مثال
أضف حدًا يسارًا إلى عنصر <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
التعريف والاستخدام
تقوم خاصية borderLeft بتعيين أو إرجاع ما يصل إلى ثلاث خصائص منفصلة على يسار الحدود ، في شكل اختصار.
باستخدام هذه الخاصية ، يمكنك تعيين / إرجاع واحد أو أكثر مما يلي (بأي ترتيب):
- عرض يسار الحد
- نمط يسار الحد
- لون الحدود اليسرى
دعم المتصفح
يتم دعم خاصية borderLeft في كافة المتصفحات الرئيسية.
بناء الجملة
إرجاع خاصية borderLeft:
object.style.borderLeft
قم بتعيين خاصية borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
قيم الملكية
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | غير محدد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل عرض ونمط و / أو لون الحد الأيسر للعنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
غيّر عرض ونمط ولون الحد الأيسر لعنصر <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
مثال
قم بإرجاع قيم خاصية الحد الأيسر لعنصر <div>:
alert(document.getElementById("myDiv").style.borderLeft);
الصفحات ذات الصلة
دروس CSS: CSS Border
مرجع CSS: خاصية حد اليسار
مرجع DOM HTML: خاصية الحدود