ویژگی 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" پشتیبانی می‌کند.