ویژگی border-left-color CSS

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

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

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

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

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

آموزش CSS:پردازش‌های لبه CSS

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

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

مثال

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

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

آزمایش کنید

قوانین CSS

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
قوانین جاوااسکریپت: 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" پشتیبانی می‌کند.

" -->