Style border Right Property

Style border Right Property

It defines the width, line style, and color of the right border of a box. It is used to change the appearance of the right line segment of the border of an element. 

Browser Support

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

Property	chrome	firefox	microsoft edge	opera
border-right	1.0	1.0	4.0	3.5

 

Syntax

border-right: border-width border-style border-color|initial|inherit;                   

Example

Output

Property Values

Value	Description
border-right-width	Required. Specifies the width of the right border. Default value is "medium"
border-right-style	Required. Specifies the style of the right border. Default value is "none"
border-right-color	Optional. Specifies the color of the right border. Default value is the color of the text
Initial	Sets this property to its default value.
Inherit	Inherits this property from its parent element.

 

Technical Details

Default value:	medium none color
Version:	CSS1
Inherited	No
Animatable	Yes, see individual properties.
JavaScript syntax:	object.style.borderRight="5px dotted blue"