Style border Right Style Property

Style border Right Style Property

It sets the line style of an element's right border. It is a shorthand property border-right that always sets the value of all the properties that it can set. 

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-style	1.0	1.0	4.0	3.5

 

Syntax

border-right-style:                                                                                                              none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Example

Output

 

Property Values

Value	Description
none	Specifies no border. This is default
hidden	The same as "none", except in border conflict resolution for table elements
dotted	Specifies a dotted border
dashed	Specifies a dashed border
solid	Specifies a solid border
double	Specifies a double border
groove	Specifies a 3D grooved border. The effect depends on the border-color value
ridge	Specifies a 3D ridged border. The effect depends on the border-color value
Inset	Specifies a 3D inset border. The effect depends on the border-color value
outset	Specifies a 3D outset border. The effect depends on the border-color value
initial	Set this property to its default value.
inherit	Inherits this property from its parent element.

 

Technical Details

Default value:	none
Version:	CSS1
Inherited	no
Animatable	no
JavaScript syntax:	object.style.borderRightStyle="dotted"