ویژگی border-right-color CSS

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

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

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

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

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

آموزش CSS:کناره‌های CSS

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

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

مثال

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

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

تست کنید

جمله‌نویسی CSS

border-right-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.borderRightColor="blue"

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

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

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

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

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

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

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