خصوصیت border-color
مثال (خصوصیت border-color)
تنظیم رنگ چهار لبه عنصر <P>:
p
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
خودتان امتحان کنید »{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 8610
دیدگاه‌ها
سلام تو اين صفحه چند جا به جاي border-color نوشتيد border-style
ممنون. اصلاح شد.