ویژگی border-bottom-color CSS

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

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

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

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

لطفاً ببینید:

آموزش CSS:حاشیه CSS

دستورالعمل CSS:ویژگی border-bottom

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

مثال

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

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

تست کنید

نوع نوشتاری CSS

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

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: not specified
انجام: no
نسخه: CSS1
نوع نوشتاری JavaScript: اجسام.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" پشتیبانی می‌کند.