border-top-width

This property defines the width of the top border of the element.

Syntax

This property accepts one of the keyword values: thin, medium or thick. Other than these, it can also accept any length value.

/* Setting the top border to be thick */
border-top-width: thick;

/* Setting a length value: */
border-top-width: 4px;
border-top-width: 0.5em;

Values

border-width
Same values apply as with the border-width property. It can be thin, medium or thick as a keyword value or any type of length value (example: 15px or 1.3rem).

initial
Global CSS keyword – this sets the property to the default value.

inherit
Global CSS keyword – this sets the property to be inherited from its parent element.

Browser Compatibilty

Demos

Have a code example of border-top-width? Submit a codepen.io demo and we'll showcase it here ↴