CSS `border-right-style` Property

Example

Set the style of the right border:

p 
{
    border-style: solid;
    border-right-style: dotted;
}

The border-right-style property sets the style of an element's right border.

Default value:	not specified
Inherited:	no
---	---
Version:	CSS1
---	---
JavaScript syntax:	`object.style.borderRightStyle="dotted"`
---	---

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

Property
border-right-style	1.0	4.0	1.0	1.0	3.5

Value	Description
none	Defines no border.
hidden	Same as "none", except in border conflict resolution for table elements.
dotted	Defines a dotted border. This is rendered as a solid line in most browsers.
dashed	Defines a dashed border. This is rendered as a solid line in most browsers.
solid	Defines a solid border.
double	Defines a double border. The width of the double line is equal to the value of `border-width`.
groove	Defines a 3D grooved border. The effect depends on the `border-color` value.
ridge	Defines a 3D ridged border. The effect depends on the `border-color` value.
inset	Defines a 3D inset border. The effect depends on the `border-color` value.
outset	Defines a 3D outset border. The effect depends on the `border-color` value.
inherit	Specifies that the border style should be inherited from the parent element.

CSS Tutorial: CSS Border