CSS border-top-width Property


The border-top-width property in CSS is used to set a specific width to the top border of an element. The border-top-style or border-style property is used for the element before using the border-top-width property.

The border-top-width property sets the width of an element's top border.

Syntax:

border-top-width: length|thin|medium|thick|initial|inherit;

Property Values: The border-top-width property values are listed below:

  • length: It is used to set the width of the border. It does not takes negative value.
  • thin: It is used to set the thin border at the top of element.
  • medium: It is used to set medium sized top border. It is the default value.
  • thick: It is used to set the thick top border.
  • initial: It is used to set the border-top-width to its default value.
  • inherit: This property is inherited from its parent.

Note: Always declare the border-style or the border-top-style property before the border-top-width property. An element must have borders before you can change the width.

Example -