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 valueSee individual properties
- Applies toAll elements
- InheritedNo
- MediaVisual
- Computed valueSee individual properties
- AnimatableYes
- CSS VersionCSS1, CSS2, CSS3
- JavaScript syntaxobject.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
1+![]() | 6+![]() | 1+![]() | 1+![]() | 8+![]() |
View All CSS Properties
Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.