ویژگی border-left-color CSS

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

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

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

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

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

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

border-left-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:	object.style.borderLeftColor="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" پشتیبانی می‌کند.