ویژگی border-bottom-color CSS

تعریف و استفاده

border-bottom-color رنگ لبه پایین عنصر را تنظیم می‌کند.

فقط می‌توان رنگ‌های ساده را تعریف کرد و فقط زمانی لبه‌ها ظاهر می‌شوند که سبک لبه یک مقدار غیر none یا hidden باشد.

توضیحات:لطفاً همیشه ویژگی border-style را قبل از border-color مشخص کنید. عنصر باید قبل از تغییر رنگ لبه، لبه را داشته باشد.

دستورالعمل HTML DOMویژگی borderBottomColor

تنظیم رنگ لبه پایین:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

border-bottom-color: color|transparent|initial|inherit;

مقدار	توضیحات
color_name	مشخص می‌کند که رنگ لبه باید از نام رنگ (مثلاً red) باشد.
hex_number	مشخص می‌کند که رنگ لبه باید از مقدار هگزادسیمال (مثلاً #ff0000) باشد.
rgb_number	مشخص می‌کند که رنگ لبه باید از کد rgb (مثلاً rgb(255,0,0)) باشد.
transparent	مقدار پیش‌فرض. رنگ لبه شفاف است.
inherit	مشخص می‌کند که رنگ لبه باید از عنصر والد خود ارث ببرد.

مقدار پیش‌فرض:	not specified
erbیت‌پذیری:	no
نسخه:	CSS1
شرح نحوه استفاده از زبان JavaScript:	object.style.borderBottomColor="blue"

اعداد در جدول نشان‌دهنده نسخه اولین مرورگری هستند که ویژگی مربوطه را به طور کامل پشتیبانی می‌کند.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5

توضیحات:اینترنت اکسپلورر 6 (و نسخه‌های قدیمی‌تر) از مقدار "transparent" برای ویژگی پشتیبانی نمی‌کند.

توضیحات:مرورگرهای IE7 و قدیمی‌تر از مقدار "inherit" پشتیبانی نمی‌کنند. IE8 نیاز به !DOCTYPE دارد. IE9 از "inherit" پشتیبانی می‌کند.