CSS border-bottom-width Property

The border-bottom-width property in CSS is used to specify the width (thickness) of the bottom border of an element. It controls how thick or thin the bottom border appears.

• It accepts values like thin, medium, thick, or specific units such as px, em, etc.
• The border is visible only when a border style is defined (e.g., solid, dashed).
• It is commonly used with border-bottom-style and border-bottom-color for complete border styling.

Syntax:

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

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

Example: Here, we demonstrates the border-bottom-width property using different values (thin, medium, thick, and 20px). Each styled <div> shows a solid green bottom border with specified widths, illustrating how each value affects border thickness.