خصائص لون الحد الأعلى

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

يحدد خاصية border-top-color لون الجانب العلوي للعنصر.

يمكن تعريف اللون النقي فقط، ويمكن رؤية الحافة فقط عندما يكون نمط الحافة غير none أو hidden.

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

يرجى الرجوع إلى:

دليل CSSحافات CSS

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

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

مثال

تعيين لون الجانب العلوي للحافة:

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

تجربة شخصية

الجملة CSS

border-top-color: color|transparent|initial|inherit;

قيمة الخاصية

قيمة الخاصية

القيمة الوصف
color_name يحدد لون الحافة باستخدام اسم اللون (مثل red).
hex_number يحدد لون الحافة باستخدام القيمة الشبكية (مثل #ff0000).
rgb_number يحدد لون الحافة باستخدام رمز RGB (مثل rgb(255,0,0)).
transparent القيمة الافتراضية. لون الحافة شفاف.
inherit يحدد أن يجب على العنصر توريث لون الحافة من العنصر الأم.

تفاصيل تقنية

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

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

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

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

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

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

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

التعليقات:متصفح Internet Explorer 7 وأحدث إصداراته لا يدعم القيمة "inherit". يحتاج إصدار IE8 إلى !DOCTYPE. يدعم إصدار IE9 القيمة "inherit".