This property defines the line style of the top border of the element.
One of the following styles are accepted:
/* Setting the style to be dashed */ border-top-style: dashed;
No border will be used, this is the default value.
Same effect as
none with the exception that this value resolves some border-conflicts in tables.
The border will be a dotted line.
The border will be made of dashes.
The border will be a solid line.
The border will be made of a double line.
Specifies a “3D” groove border to be used.
Specifies a “3D” ridged border to be used.
Specifies a “3D” inset border to be used.
Specifies a “3D” outset border to be used.
Global CSS keyword – this sets the property to the default value.
Global CSS keyword – this sets the property to be inherited from its parent element.
Have a code example of
border-top-style? Submit a codepen.io demo and we'll showcase it here ↴
Help @reference spread the word by sharing this article on Twitter...Tweet This