CSS border-bottom-color Property

Set a CSS border-bottom-color:

div {border-bottom-color: coral;}

Try it Yourself »

More “Try it Yourself” examples below.


Definition and Usage

The border-bottom-color property sets the color of an element’s bottom border.

Note: Always declare the border-style or the border-bottom-style property before the border-bottom-color property. An element must have a border before you can change the color.

Default value: The current color of the element
Inherited: no
Animatable: yes. Read about animatable – Try it
Version: CSS1
JavaScript syntax: object.style.borderBottomColor=”blue” Try it
CSS Syntax
border-bottom-color: color|transparent|initial|inherit;
Property Values
Value Description Codes
color Specifies the background color. Look at CSS Color Values for a complete list of possible color values. Default color is the color of the element div {
border-style:solid;
border-width:5px;
border-bottom-color:#D12490;
}
transparent Specifies that the border color should be transparent div {
border-style:solid;
border-width:5px;
border-bottom-color:transparent ;
}
initial Sets this property to its default value. Read about initial div {
border-style:solid;
border-width:5px;
border-bottom-color:initial;
}
inherit Inherits this property from its parent element. Read about inherit

Set a color for the bottom border with a HEX value:

div {border-bottom-color: #92a8d1;}

Try it Yourself »