English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية border-left-color CSS لون حاشية اليسار للعنصر بشكل منفرد. ولكن في العديد من الحالات، يتم استخدام خاصية CSS مختصرة عادةً، مثل border-colorأوborder-leftسهل الاستخدام.
الجدول التالي يوضح استخدام هذه الخاصية وأرشيف إصداراتها، بالإضافة إلى синтكس استخدام هذه الخاصية في سكربتات جافا سكريبت.
| القيمة الافتراضية: | colorقيمة الخاصية |
|---|---|
| يُستخدم مع: | جميع العناصر |
| الوراثة: | لا |
| يمكن تحريكها: | نعم.يرجى الرجوع إلى خصائص التحريك。 |
| الإصدار: | CSS 1،2،3 |
| نحو JavaScript: | object object.style.borderLeftColor="red" |
نص النحو للخاصية هو:
border-left-color: color | transparent | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية border-left-color.
p {
border-style: solid;
border-left-color: #ff0000;
}الاختبار‹/›ملاحظة:يجب أن تكونborder-styleيجب أن يتم تعريف خاصية border-left-color قبل خاصية border-style. يجب أن يكون العنصر بحدود، قبل أن يتم تعيين لون الحدود، لأنborder-styleقيمة الخاصية الافتراضية هي none.
جدول التالي يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| color | تحديد لون الهوامش العلوية. انظرقيم الألوان CSSللحصول على قائمة بالألوان المحتملة. |
| transparent | يسمح للهوامش بأن تكون شفافة، على الرغم من أنها قد تشغلborder-widthالمساحة التي يتم فيها تعيين الخاصية. |
| initial | ضبط هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديدها، فإن العناصر المرتبطة تأخذ قيمة الخاصية border-left-color الخاصة بالعنصر الأم. |
تتوافق متصفحات المستعرض في border-left-color الخاص بـ属性، الأرقام في الجدول التالي تعكس أحدث إصدار من المتصفح يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.
|
انظر إلى التعليمات التالية:CSS Border،CSS3 Border。
خصائص مرتبطة:border،border-color،border-left،border-left-style،
border-left-width。