Easy Tutorial
❮ Css3 Pr Animation Play State Sel Firstchild ❯

CSS border-right Property

Example

Set the style of the right border:

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

Property Definition and Usage

The border-right shorthand property sets all the properties of the right border in one declaration.

The properties that can be set, in order, are: border-right-width, border-right-style, and border-right-color.

If one of the values is missing, it's okay; for example, border-right: solid #ff0000; is allowed.

Default value: not specified
Inherited: no
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.borderRight="3px solid blue"
--- ---

Browser Support

All major browsers support the border-right property.

Note: IE7 and earlier versions do not support the "inherit" value. IE8 requires a defined !DOCTYPE. IE9 supports "inherit".


Property Values

Value Description
border-right-width Specifies the width of the right border
border-right-style Specifies the style of the right border
border-right-color Specifies the color of the right border
inherit Specifies that the value of the border-right property should be inherited from the parent element

Related Articles

CSS Tutorial: CSS Borders

❮ Css3 Pr Animation Play State Sel Firstchild ❯