# border-bottom-color property

The `border-bottom-color` property specifies a color of a bottom border. The value of the property is any color units. Default value: same color as the block text has.

## Syntax

`selector { border-bottom-color: color; }`

## Example

Let's set the bottom border to red:

`<div id="elem"></div>` `#elem { border-bottom-color: red; border-bottom-width: 1px; border-bottom-style: solid; background: #f9f9f9; width: 300px; height: 100px; }`

:

## See also

- the `border-bottom-style` property
  that sets a style of a bottom border
- the `border-bottom-width` property
  that sets a width of a bottom border
- the `border-bottom` property
  that sets a bottom border
- the `border-width` property
  that sets a width of all sides of a border

← →
↑
en ru