خصائص لون الحدود اليمنى

Definition and Usage

The border-right-color sets the color of the right border of the element.

Only pure colors can be defined, and the border can only appear when the border style is not none or hidden.

التعليقات:Always declare the border-style property before the border-color property. The element must have a border before you change its color.

See also:

CSS Tutorial:حواف CSS

CSS Reference Manual:border-right Attribute

HTML DOM Reference Manual:borderRightColor Property

Example

Set the border-right color:

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

Try it yourself

CSS Syntax

border-right-color: color|transparent|initial|inherit;

Attribute Value

Value Description
color_name It specifies the border color with a color name (e.g., red).
hex_number It specifies the border color with a hexadecimal value (e.g., #ff0000).
rgb_number It specifies the border color with rgb code (e.g., rgb(255,0,0)).
transparent Default Value. The border color is transparent.
inherit It is specified that the border color should be inherited from the parent element.

Technical Details

Default Value: not specified
Inheritance: no
Version: CSS1
JavaScript Syntax: object.style.borderRightColor="blue"

مزيد من الأمثلة

تعيين لون الحد الأيمن للجدار
هذا المثال يوضح كيفية تعيين لون الحد الأيمن للجدار.

دعم المتصفحات

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

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

التعليقات:لم يتم دعم قيمة "transparent" في Internet Explorer 6 (وأقدم إصداراتها).

التعليقات:لم يتم دعم القيمة "inherit" في متصفحات Internet Explorer 7 وأقدم إصداراتها. يتطلب IE8 إدراج !DOCTYPE. يتم دعم "inherit" في IE9.