خصوصیت border-color

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

با استفاده از خصوصیت 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 کار نخواهد کرد.

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

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

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

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

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