خصائص لون الحدود اليسرى
- الصفحة السابقة border-left
- الصفحة التالية border-left-style
التعريف والاستخدام
يحدد خاصية border-left-color لون الجانب الأيسر للعنصر.
يمكن تعريف اللون البحت فقط، وأن يكون نمط الحدود غير "none" أو "hidden" حتى يظهر الحد.
ملاحظة:يجب دائمًا أن يتم إعلان خاصية border-style قبل خاصية border-color. يجب أن يكون العنصر قد حصل على الحدود قبل تغيير لونه.
انظر أيضًا:
دليل CSSحافات CSS
دليل CSSخاصية border-left
دليل HTML DOMخاصية borderLeftColor
مثال
تعيين لون الجانب الأيسر للحدود:
p
{
border-style:solid;
border-left-color:#ff0000;
}
قواعد CSS
border-left-color: color|transparent|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| color_name | يحدد لون الحدود باستخدام اسم اللون (مثل red). |
| hex_number | يحدد لون الحدود باستخدام القيمة الشبكية (مثل #ff0000). |
| rgb_number | يحدد لون الحدود باستخدام رمز rgb (مثل rgb(255,0,0)). |
| transparent | القيمة الافتراضية. لون الحدود شفاف. |
| inherit | يحدد ذلك أن يكون اللون الخاص بالحدود موروثًا من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | not specified |
|---|---|
| التنسيق: | no |
| الإصدار: | CSS1 |
| قواعد اللغة الجافا سكريبت: | object.style.borderLeftColor="blue" |
مزيد من الأمثلة
- تعيين لون الجانب الأيسر للحدود
- هذا المثال يوضح كيفية تعيين لون الجانب الأيسر للحدود.
دعم المستعرض
الرقم في الجدول يوضح إصدار المستعرض الأول الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ملاحظة:مستعرض الإنترنت إي-إي 6 (وإصداراتها الأحدث) لا يدعم قيمة "transparent".
ملاحظة:مستعرضات الإنترنت إي-إي 7 وأحدث إصداراتها لا تدعم القيمة "inherit". يحتاج إي-إي 8 إلى !DOCTYPE. يدعم إي-إي 9 القيمة "inherit".
- الصفحة السابقة border-left
- الصفحة التالية border-left-style
