خصوصیت border-bottom-color

چاپ

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

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

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

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

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

توجه: قبل از اینکه خصوصیت border-bottom-color را تنظیم نماید خصوصیت border-style را مقدار دهی کنید. یک عنصر باید لبه داشته باشد تا بتوان رنگ آنرا مشخص نمود.

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

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

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

CSS Border (بیاموز CSS)

border-bottom (مرجع خصوصیت های CSS)

HTML DOM reference: borderBottomColor property