CSS border-bottom-color
The CSS border-bottom-color
property allows you to set the color of an element's bottom border.
You can also use border-color
to set the color for all sides of the element, or border-bottom
to set all properties for the bottom border.
If you use a border without specifying its color, it will use the currentColor
value (which is the value of the color
property).
The border's style needs to be specified before it can be displayed. You can use either border-bottom-style
or border-style
to specify the border's style.
Also, the default width of a border is medium
. You can specify the width using either the border-bottom-width
or border-width
properties.
Syntax
Possible Values
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
initial
- Represents the value specified as the property's initial value.
inherit
- Represents the computed value of the property on the element's parent.
unset
- This value acts as either
inherit
orinitial
, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
General Information
- Initial Value
- Uses the
currentColor
value (which is the value of thecolor
property). - Applies To
- All elements.
- Inherited?
- No
- Media
- Visual
- Animatable
- Yes (see example)
Example Code
Official Specifications
- CSS Backgrounds and Borders Module Level 3 (W3C Candidate Recommendation 9 September 2014)
- CSS Level 2.1 (W3C Recommendation 07 June 2011)