خصائص لون الحدود السفلية في CSS

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

يحدد خاصية borderBottomColor لون الجانب السفلي للعنصر.

يمكن تعريف الألوان النقية فقط، ويجب أن يكون نمط الحواف غير none أو hidden حتى يظهر الحواف.

التعليقات:يجب دائمًا وضع خاصية border-style قبل خاصية border-color. يجب أن يكون العنصر قد حصل على الحواف قبل تغيير لونه.

انظر أيضًا:

دليل CSSحافات CSS

دليل CSSخاصية border-bottom

دليل HTML DOMخاصية borderBottomColor

مثال

تعيين لون الجانب السفلي للخط:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

جرب بنفسك

الجملة CSS

border-bottom-color: اللون|شفاف|الافتراضية|inherit;

قيمة الخاصية

القيمة الوصف
اسم_اللون يحدد لون الخط هو اسم اللون (مثل red).
رقم_شيفرة_عشري يحدد لون الخط هو قيمة شيفرة عشري (مثل #ff0000).
رقم_rgb يحدد لون الخط هو رمز RGB (مثل rgb(255,0,0)).
شفاف القيمة الافتراضية. لون الخط هو شفاف.
inherit يحدد يجب أن تُورث الألوان للجدول الأبوي للخطوط.

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

القيمة الافتراضية: لم يتم تحديده
التنسيقية: لا
الإصدار: CSS1
جافا سكربت: object.style.borderBottomColor="blue"

مزيد من الأمثلة

تعيين لون الجانب السفلي للخط
هذا المثال يوضح كيفية تعيين لون الجانب السفلي للخط.

دعم المتصفحات

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

التعليقات:باستخدام متصفح Internet Explorer 6 (وأقدم إصداراته) لا يدعم قيمة "transparent".

التعليقات:باستخدام متصفحات IE7 وأقدم إصداراتها لا يدعم القيمة "inherit". يحتاج IE8 إلى !DOCTYPE. يدعم IE9 القيمة "inherit".