CSS border-bottom-color Property

Description

The border-bottom-color property specifies the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.

Initial value: currentColor
Applies to: All elements
Inherited: No
Media: Visual
Computed value: The computed color
Animatable: Yes
CSS Version: CSS2, CSS3
JavaScript syntax: object.style.borderBottomColor

Syntax

border-bottom-color: <color> | transparent

Values

<color>The computed value of the 'color' property. This value can be a basic color keyword, such as red or green, a numerical value, an RGB or RGBA value, or an HSL or HSLA value.
transparentFully transparent. This keyword can be considered a shorthand for transparent black, rgba(0,0,0,0), which is its computed value.
inherit

Example

HTML

<div class="border">This is an example of the border-bottom-color property using a red solid border 3px in width.</div>

CSS

.border {
   border: 1px solid blue;
   border-bottom-style: solid;
   border-bottom-width: 3px;
   border-bottom-color: red;
   margin: 20px;
   padding: 20px;
}

Result