The **`border-bottom-color` property** in #key# CSS: Cascading Style Sheets #key# is used to define the color of the bottom border. 

> If we want to use the `border-bottom-color` property we must first declare the `border-style` or the `border-bottom-style` because the color is only changed if we have a border. 
# 
## Syntax

```css
border-bottom-color: color|initial|inherit;
```
## Property value

- **`color:`** This is used to set the color of the bottom border. 
- **`initial:`** This is used to set the value to its default value.
- **`inherit:`** This is used to inherit property from its parent value.

## Code

The following is the basic #key# HTML: HyperText Markup Language #key#  & CSS code to demonstrate the use of the `border-bottom-color` property.

<title> Example </title>
<box> Welcome Educative </box>

box 
{
  font-size: 2em;    //Defining Font Size
  padding: 30px;   //Defines Space
  border-bottom-width: 10px;   //Specifies Width
  border-bottom-style: solid;  //Style of the border
  border-bottom-color: rgb(2, 132, 155);  //Color of the bottom
}

codemirror

What is the border-bottom-color property in CSS?

Defines bottom border color in CSS after setting border style. Values: color, initial, or inherit.