border-top-style
Definition
The border-top-style property specifies the style of an element's top border. The top border is represented by the yellow highlighted area in the illustration below.
The following screen shot shows some border styles rendered by a Web browser.
Example
p {border-top-style: dashed}
Characteristics
Possible values
The following values are possible for the line style of an element's border:
none- No border; the border width is zero.
hidden- As for
none, the result is no border. However, in situations of border conflict for table elements, hidden has priority over other border styles, while none does not. dotted- The border is a series of dots.
dashed- The border is a series of short line segments.
solid- The border is a single line segment.
double- The border comprises two solid lines. The sum of the two lines and the space between them equals the value of border-width.
groove- The border looks as though it were carved into the background.
ridge- The opposite of
groove: the border looks as though it were rising out of the background. inset- The border makes the box look as though it were embedded in the background.
outset- The opposite of
inset: the border makes the box look as though it were rising out of the background. inherit- Use the same computed value as the parent element for this property.
Default value
none
Applies to
All elements
Inherited
No
See also