CSS border-right-style property


Set the style of the right box:

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

Try it out . . .

Description of property definition and use

The border-right-style property styles the right-hand box of the element.

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


Browser support

The numbers in the table support the first browser version number of the property.

Attributes
border-right-style 1.0 4.0 1.0 1.0 3.5

Property Values

Value Describe
none Defines a borderless border.
hidden Same as "none". Except when applied to tables, for tables, hidden is used to resolve border conflicts.
dotted Define a dot border. Rendered solid in most browsers.
dashed Define dotted lines. Rendered solid in most browsers.
solid Define a solid line.
double Define a two-line. The width of the double line is equal to the value of border-width.
groove Define a 3D groove border. Its effect depends on the value of border-color.
ridge Define a 3D ridged border. Its effect depends on the value of border-color.
inset Define the 3D inset border. Its effect depends on the value of border-color.
outset Define the 3D outset border. Its effect depends on the value of border-color.
inherit Specifies that the border style should be inherited from the parent element.

Related articles

CSS tutorial: CSS Border

CSS Reference Manual: Border-right Properties