borderbottomwidth

Border-bottom-width is a CSS property that sets the thickness of the bottom border of an element. It is used to control how bold the bottom edge appears and is often used with related border properties such as border-bottom-style and border-bottom-color.

Value is either one of the keywords thin, medium, or thick, or a length value. Length values can use any valid CSS length unit, such as 2px, 0.5em, or 1rem. Percentage values are not allowed for border width.

Default and inheritance: The initial value of border-bottom-width is medium. The property does not inherit by default, but it can be inherited by explicitly setting border-bottom-width: inherit.

Interaction with other properties: A border is rendered only if the corresponding border-style is not none. If border-bottom-style is none, changing border-bottom-width has no visible effect. A width of 0 can effectively hide the border even when a style is set.

Shorthand relation: The border-bottom shorthand can set width, style, and color in a single declaration, for example border-bottom: 2px solid black; This is equivalent to separately setting border-bottom-width: 2px, border-bottom-style: solid, and border-bottom-color: black.

See also: border-bottom, border-bottom-style, border-bottom-color.

Browser support: border-bottom-width is supported in all major web browsers.