CSS border-bottom Property
Description
The border-bottom property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.
- Initial value
- See individual properties
- Applies to
- All elements
- Inherited
- No
- Media
- Visual
- Computed value
- See individual properties
- Animatable
- Yes
- CSS Version
- CSS1, CSS2, CSS3
- JavaScript syntax
- object.style.borderBottom
Syntax
Formal syntax: <line-width> || <line-style> || <color> border-bottom: 1px solid red; border-bottom: 1px solid; border-bottom: 1px red; border-bottom: solid red;
Values
- <line-width>See border-bottom-width CSS property for values.
- <line-style>See border-bottom-style CSS property for values.
- <color>See border-bottom-color CSS property for values.
- inherit
Example
.class {
border-bottom: 3px dotted #6699FF;
}Give it a Try
Click the button below to experiment with this property.
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 4 | 12 | 1 | 1 | 3.5 | 1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 1 | 18 | 4 | Yes | 1 | ? |