خصوصیت border-color

چاپ

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

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

p
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
خودتان امتحان کنید »

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

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

مثال:

  1. border-color:red green blue pink;
    • red لبه بالا
    • green لبه راست
    • blue لبه پایین
    • pink لبه چپ
  2. border-color:red green blue;
    • red لبه بالا
    • green لبه راست و چپ
    • blue لبه پایین
  3. border-color:red green;
    • red لبه بالا و پایین
    • green لبه راست و چپ
  4. border-color:red;
    • red تمام چهار لبه

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

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

بیاموزهای مرتبط

CSS Border (بیاموز CSS)

HTML DOM reference: borderColor property