خصائص Style borderLeft
- الصفحة السابقة borderImageWidth
- الصفحة التالية borderLeftColor
- عودة إلى الطبقة العليا مفهوم Style في HTML DOM
التعريف والاستخدام
borderLeft إعداد الخاصية بأسلوب مختصر أو استرجاعها تعتمد على ثلاث خاصيات جنب أيسر فقط.
من خلال هذه الخاصية، يمكنك إعداد/استرجاع أحد الأشياء التالية (بأي ترتيب):
يرجى أيضًا الرجوع إلى:
دليل تدريب CSS:CSS حدود
دليل CSS:خاصية border-left
دليل HTML DOM:خاصية border
مثال
مثال 1
إضافة جنب أيسر لعنصر <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
مثال 2
تغيير عرض، النمط واللون للجنب الأيسر لعنصر <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
مثال 3
استرجاع قيمة خاصية border-left للعنصر <div>:
alert(document.getElementById("myDiv").style.borderLeft);
النحو
استرجاع خاصية borderLeft:
عنصر.style.borderLeft
إعداد خاصية borderLeft:
عنصر.style.borderLeft = "عرض النمط اللون|initial|inherit"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| عرض | إعداد عرض الجنب الأيسر. |
| النمط | إعداد نمط الجنب الأيسر. |
| اللون | إعداد لون الجنب الأيسر. |
| الافتراضي. | اعتماد هذه الخاصية على القيمة الافتراضية. انظر initial. |
| inherit | توليد هذه الخاصية من عنصر الأب. انظر inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | لم يتم تحديد |
|---|---|
| القيمة المطلقة: | سلسلة، تمثل عرض، النمط، واللون الخاص بالجنب الأيسر للعنصر. |
| إصدار CSS: | CSS1 |
دعم المتصفحات
| كروم | إدج | فايرفوكس | سفاري | أوبرا |
|---|---|---|---|---|
| كروم | إدج | فايرفوكس | سفاري | أوبرا |
| دعم | دعم | دعم | دعم | دعم |
- الصفحة السابقة borderImageWidth
- الصفحة التالية borderLeftColor
- عودة إلى الطبقة العليا مفهوم Style في HTML DOM
