خصوصیت border-color

مثال

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

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

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

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

مثال:

  1. border-style:red green blue pink;
    • red لبه بالا
    • green لبه راست
    • blue لبه پایین
    • pink لبه چپ
  2. border-style:red green blue;
    • red لبه بالا
    • green لبه راست و چپ
    • blue لبه پایین
  3. border-style:red green;
    • red لبه بالا و پایین
    • green لبه راست و چپ
  4. border-style: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 تعيين مي کند که بايد از والدش، ارث بري داشته باشد.