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
نوشتار جاوااسکریپت: object.style.borderBottomColor="blue"

مثال‌های بیشتر

تنظیم رنگ لبه پایین
این مثال نحوه تنظیم رنگ لبه پایین را نشان می‌دهد.

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

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

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

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

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