Definition and Usage
The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.
- InitialcurrentColor
- Applies toall elements
- Inheritedno
- Mediavisual
- Computed ValueIf the value is translucent, the computed value will be the rgba() corresponding one. If it isn’t, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).
- Animatableyes, as a color
- Canonical orderthe unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: <color>
Values
- <color>
- Is a <color> CSS value describing the color of the bottom border.
- inherit
- Is a keyword denoting the color of the bottom border of the parent’s element (which may be different from the border-bottom-color default value)
Examples
2 |
border: solid 0.3em gold; |
3 |
border-bottom-color: red; |
Compatibility
Desktop browsers
| Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
| Basic support |
1.0 |
1.0 (1.7 or earlier) |
4 |
3.5 |
1.0 (85) |
Mobile browsers
| Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
| Basic support |
1.0 |
1.0 (1.0) |
(Yes) |
(Yes) |
(Yes) |
