CSS border-rightProperty
Example
Set the style of the right border:
p
{
border-style:solid;
border-right:thick double #ff0000;
}
Try it Yourself »
Property definition and usage instructions
The border-right shorthand property sets all the properties for the right border in one declaration.
Can be setofPropertyYes(pressSequence):border-right-width, border-right-style, and border-right-color.
If one of the above values is missing, it doesn't matter. For example, border-right:solid #ff0000; is allowed.
| Default Value: | not specified |
|---|---|
| Inherited: | no |
| version: | CSS1 |
| JavaScript Syntax: | object object.style.borderRight="3px solid blue" |
Browser Support
![]()
![]()
![]()
![]()
![]()
All major browsers support the border-right property.
NoteIE7 and earlier versions do not support the "inherit" value. IE8 requires a defined !DOCTYPE. IE9 supports "inherit".
Property value
| 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
other extensions