خصائص لون الحدود اليسرى

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

يحدد خاصية 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 يحدد أن يجب أن يتم توريث لون الحافة من العنصر الأم.

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

القيمة الافتراضية: لم يتم تحديد
التنسيق: لا
الإصدار: 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".

" -->