❮ Pr Class Float Css3 Pr Transform Origin ❯

CSS `border-bottom-width` Property

Example

Set the bottom border width:

p {
    border-style: solid;
    border-bottom-width: 15px;
}

Property Definition and Usage

The border-bottom-width property sets the width of the bottom border of an element.

Note: It is essential to declare the border-style property before setting the border-bottom-width property. The element must have a border before you can change its width.

Default value:	medium
Inherited:	no
---	---
Version:	CSS1
---	---
JavaScript syntax:	`object.style.borderBottomWidth="thick"`
---	---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
border-bottom-width	1.0	4.0	1.0	1.0	3.5

Property Values

Value	Description
thin	Defines a thin bottom border
medium	Default. Defines a medium bottom border
thick	Defines a thick bottom border
length	Allows you to define the width of the bottom border
inherit	Specifies that the border width should be inherited from the parent element

CSS Tutorial: CSS Border

CSS Reference: border-bottom Property