The border-top-style property is used in CSS and certain HTML elements. It is used for setting the line style for the top side of the element's border. To set the line type for all four sides, use border-style. To set the line type individually for the other sides, use border-right-style, border-bottom-style, or border-left-style.
Values[]
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-top:medium solid white;">TEXT</span>
CSS example:
h1 {
border-top:medium solid white;
}