CSS border-top-style

The border-top-style property in CSS is used to specify the style of the top border of an element. This property can be set to different values such as solid, dashed, dotted, double, groove, ridge, inset, outset, or none.

Here is an example of how the border-top-style property works:

In the example above, the border-top shorthand property is used to set the width, style, and color of the top border. The value 2px specifies the width of the border, solid specifies the style, and black specifies the color.

Here is the code for the example above:

  This is a div element with a solid black top border.

Feel free to experiment with different values for the border-top-style property to see how it affects the appearance of the top border of an element.