مثال (خصوصیت border-top-color)
تنظیم رنگ لبه ی بالایی عنصر <P>:
p
{
border-style:solid;
border-top-color:#ff0000
}
خودتان امتحان کنید »{
border-style:solid;
border-top-color:#ff0000
}
تعریف و کاربرد
با استفاده از خصوصیت border-top-color، می توانید رنگ لبه بالایی عناصر را تنظیم نمایید.
توجه: قبل از اینکه خصوصیت border-top-color را تنظیم نماید خصوصیت border-style را مقدار دهی کنید. یک عنصر باید لبه داشته باشد تا بتوان رنگ آنرا مشخص نمود.
| مقدار پیشفرض | مشخص نشده |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.borderTopColor="blue" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت border-bottom-color را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 6 و نسخه های قبلی آن،، مقدار "transparent" را پشتیبانی نمی کند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| color | لطفاً جهت مشاهده رنگ های قابل استفاده به لینک روبرو مراجعه نمایید: HTML Colors | نمایش دادن » |
| transparent | مشخص می کند که رنگ لبه ها باید ناپیدا باشد. (مقدار پیشفرض) | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
border-top (مرجع خصوصیت های CSS)
