The border-style
property is used in CSS and certain HTML elements. It is a shorthand property for setting the line style for all four sides of the element's border. To set the line type for each individual side, use border-top-style
, border-right-style
, border-bottom-style
, or border-left-style
.
Values[]
Up to four values can be given. The first value sets all four borders. The second sets the left and right. The third sets the bottom. The forth sets the left.
none
- No border; default value.hidden
- Same asnone
, except in terms of border conflict resolution for table elements.
dashed
- Series of short dashes or line segments.
dotted
- Series of dots.
double
- Two straight lines that add up to the pixel amount defined asborder-width
.
groove
- Carved effect.
inset
- Makes the box appear embedded.
outset
- Opposite ofinset
. Makes the box appear 3D (embossed).
ridge
- Opposite ofgroove
. The border appears 3D (coming out).
solid
- Single, straight, solid line.
HTML example:
<span style="border:medium solid white;">TEXT</span>
h1 { border:medium solid white; }