Sets the width of the bottom border.
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;
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.
Have a code example of border-bottom-width
? Submit a codepen.io demo and we'll showcase it here ↴