CSS border-right-style property
Set the style of the right box:
{
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