CSS border-bottom-widthProperty
Example
Set the bottom border width:
p
{
border-style:solid;
border-bottom-width:15px;
}
Try it Yourself »
Property definition and usage instructions
The border-bottom-width property sets the width of the bottom border of an element.
NoteYou must first 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 Value: | medium |
|---|---|
| Inherited: | no |
| version: | CSS1 |
| JavaScript Syntax: | object object.style.borderBottomWidth="thick" |
Browser Support
The numbers in the table indicate the first browser version number that supports this property.
| Property | |||||
|---|---|---|---|---|---|
| border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property value
| Value | Description |
|---|---|
| thin | Define a thin bottom border |
| medium | Default value. Defines a medium bottom border. |
| thick | Define a thick bottom border |
| length | Allows you to customize the width of the bottom border. |
| inherit | Specifies that the border width should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Borders
CSS Reference Manual:border-bottom property
other extensions