مثال
تغيير لون حدود الأربعة لل <div> العنصر إلى اللون الأحمر:
document.getElementById("myDiv").style.borderColor = "red"; انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
مجموعات الملكية ون_الحدود أو إرجاع لون الحدود على العنصر.
هذا العقار يمكن أن يستغرق من أربعة القيم:
- قيمة واحدة، مثل: ع {الحدود اللون: الأحمر} - كل الحدود الأربعة سوف تكون حمراء
- قيمتين، مثل: ع {الحدود اللون: أحمر شفاف} - وأعلى وأسفل الحدود تكون حمراء، واليسار وسوف الحد الأيمن تكون شفافة
- ثلاث قيم، مثل: ع {الحدود اللون: ريد غرين أزرق} - سوف أعلى الحدود تكون حمراء، اليسار واليمين الحدود سوف تكون خضراء، والحد السفلي باللون الأزرق
- أربعة القيم، مثل: ع {الحدود اللون: ريد غرين أزرق أصفر} - سوف الحدود أعلى تكون حمراء، والحد الأيمن تكون خضراء، والحد السفلي باللون الأزرق، والحد الأيسر يكون أصفر
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
إعادة الممتلكات ون_الحدود:
object .style.borderColor
تعيين الخاصية ون_الحدود:
object .style.borderColor=" قيم الممتلكات القيمة وصف color تحديد لون الحدود. انظروا قيم اللون CSS للحصول على قائمة كاملة من القيم الألوان الممكنة. اللون الافتراضي هو أسود transparent لون الحدود شفاف (لن المحتوى الأساسي تألق من خلال) initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: أسود قيمة الإرجاع: A سلسلة، وهو ما يمثل لون الحدود للعناصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير لون الحد العلوي والسفلي لحد أخضر، واليسار واليمين إلى اللون الأرجواني، ل <div> العنصر:
document.getElementById("myDiv").style.borderColor = "green purple";
انها محاولة لنفسك »
مثال
العودة لون الحدود من <div> العنصر:
alert(document.getElementById("myDiv").style.borderColor); انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحدود
CSS المرجع border-color property
HTML DOM المرجع border property
<كائن نمط