مثال
تعيين لون حدود أربعة:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
انها محاولة لنفسك » تعريف واستخدام
الخاصية الحدود لون يحدد لون أربعة الحدود للعناصر. هذا العقار يمكن أن يكون من أربعة القيم.
أمثلة:
- border-color:red green blue pink;
- كبار الحدود أحمر
- الحد الأيمن باللون الأخضر
- الحد السفلي باللون الأزرق
- الحد الأيسر وردي
- border-color:red green blue;
- كبار الحدود أحمر
- الحدود اليمنى واليسرى خضراء
- الحد السفلي باللون الأزرق
- border-color:red green;
- الحدود العلوية والسفلية الحمراء
- الحدود اليمنى واليسرى خضراء
- border-color:red;
- كل الحدود الأربعة الحمراء
Note: يعلن دائما ملكا على غرار الحدود قبل الممتلكات الحدود اللون. يجب أن يكون عنصرا الحدود قبل أن تتمكن من تغيير اللون.
القيمة الافتراضية: | The current color of the element |
---|---|
وارث: | no |
Animatable: | yes. Read about animatable Try it |
الإصدار: | CSS1 |
جافا سكريبت بناء الجملة: | object .style.borderColor="#FF0000 blue" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
خاصية | |||||
---|---|---|---|---|---|
border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: برنامج Internet Explorer 6 (and earlier versions) لا يدعم قيمة العقار "transparent" .
CSS بناء الجملة
border-color:color|transparent|initial|inherit;
قيم الملكية
القيمة | وصف | العبها |
---|---|---|
color | يحدد لون الخلفية. انظروا إلى قيم اللون CSS للحصول على قائمة كاملة من القيم الألوان الممكنة. اللون الافتراضي هو أسود | العبها " |
transparent | يحدد أن لون الحدود ينبغي أن تكون شفافة | العبها " |
initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
درس CSS: CSS الحدود
HTML DOM المرجع borderColor property