border-bottom-width

Sets the width of the bottom border.

Syntax

The border-bottom-width property defines the width of the bottom border. It can use one of the predefined values (medium, thin, thick) or a length unit.

/* Using a length value */
border-bottom-width: 0.2em;
border-bottom-width: 3px;

/* using a predefined value */
border-bottom-width: thin;
border-bottom-width: thick;

/* using global CSS keywords */
border-bottom-width: inherit;
border-bottom-width: initial;

Values

medium
Sets the bottom border to be of medium thickness. This is the default value.

thin
Sets the bottom border to be thin.

thick
Sets the bottom border to be thick.

length
Allows the definition of a custom thickness for the bottom border. This is to be expressed in length units.

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-bottom-width? Submit a codepen.io demo and we'll showcase it here ↴