The border-right-style
property sets the style of the right border of an element.
border-right-style: line-style;
line-style = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
solid
- solid border;
dotted
- dotted border;
dashed
- dotted border;
double
- double border;
groove
- three-dimensional groove boundary;
ridge
- volumetric border with a thick edge (in fact, the inversion of the previous style);
outset
- extruded border;
inset
- an indented border (in fact, the inversion of the previous style).
<div class="example">solid</div>
.example {
border-right-style: solid;
}