Easy Tutorial
❮ Sel Optional Css3 Pr Pointer Events ❯

CSS border-right-color Property

Example

Set the color of the right border:

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

Property Definition and Usage

The border-right-color property sets the color of an element's right border.

Note: Always declare the border-style property before the border-color property. The element must have a border before you can change its color.

Default value: not specified
Inherited: no
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.borderRightColor="blue"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
border-right 1.0 4.0 1.0 1.0 3.5

Property Values

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

Related Articles

CSS Tutorial: CSS Border

CSS Reference: border-right Property

❮ Sel Optional Css3 Pr Pointer Events ❯