خصوصیت border-color

مثال (خصوصیت border-color)

تنظیم رنگ چهار لبه عنصر <P>:

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

تعریف و کاربرد

با استفاده از خصوصیت border-color، می توانید رنگ چهار لبه یک عنصر را تنظیم نمایید. این خصوصیت می تواند از یک تا چهار مقدار داشته باشد.

مثال:

border-color:red green blue pink;
- red لبه بالا
- green لبه راست
- blue لبه پایین
- pink لبه چپ
border-color:red green blue;
- red لبه بالا
- green لبه راست و چپ
- blue لبه پایین
border-color:red green;
- red لبه بالا و پایین
- green لبه راست و چپ
border-color:red;
- red تمام چهار لبه

توجه: اگر خاصیت border-style تنظیم نشده باشد خاصیت border-color کار نخواهد کرد.

مقدار پیشفرض	مشخص نشده
ارث بری	خیر
نسخه	CSS1
JavaScript ساختار	object.style.borderColor="#FF0000 blue"

پشتیبانی مرورگرها

تمام مرورگرهای اصلی، خصوصیت border-color را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 6 و نسخه های قبلی آن، مقدار "transparent" را پشتیبانی نمی کند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار	توضیحات	نمایش دادن
color	لطفاً جهت مشاهده رنگ های قابل استفاده به لینک روبرو مراجعه نمایید: HTML Colors	نمایش دادن »
transparent	مشخص می کند که رنگ لبه ها باید ناپیدا باشد. (مقدار پیشفرض)	نمایش دادن »
inherit	تعیین می کند که باید از والدش، ارث بری داشته باشد.