The best CSS border-right property Tutorial In 2024, In this tutorial you can learn Examples,Attribute definitions and instructions,Browser Support,Property Values,related articles,

CSS border-right property

Examples

Setting right border style:

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


Attribute definitions and instructions

border-right shorthand property to set all the attributes of the left border to a statement.

Property can be set (in order): border-right-width, border-right-style, and border-right-color.

If the above is missing a value, it does not matter, for example, border-right: solid # ff0000; is allowed.

Defaults: not specified
inherit: no
version: CSS1
JavaScript syntax: object object.style.borderRight = "3px solid blue"


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support border-right property.

Note that IE7 and earlier versions do not support "inherit" value.IE8 need to define! DOCTYPE. IE9 support the "inheritance."


Property Values

value Explanation
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 Border-right specify the value of the property should be inherited from the parent element


related articles

CSS tutorial: CSS Border

CSS border-right property
10/30