CSS border-bottom-width property
Set the width of the bottom border:
{
border-style:solid;
border-bottom-width:15px;
}
Try it out . . .
Description of property definition and use
The border-bottom-width property sets the width of the bottom border of the element.
Note Be sure to declare the border-style property before you can set the border-bottom-width property. The element must have a border before you can change the width.
Default: | medium |
---|---|
Inherited: | no |
Version: | CSS1 |
JavaScript syntax: | object object.style.borderBottomWidth="thick" |
Browser support
The numbers in the table support the first browser version number of the property.
Attributes | |||||
---|---|---|---|---|---|
border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property Values
Value | Description |
---|---|
thin | Defines the thin lower border |
medium | The default. Define a medium lower border |
thick | Defines a thick lower border |
length | Allows you to customize the width of the lower border |
inherit | Specifies that the border width should be inherited from the parent element |
Related articles
CSS tutorial: CSS Border
CSS Reference Manual: border-bottom property