border-bottom-color
The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.
Values
<color>
Is a <color> CSS value describing the color of the bottom border.
inherit
Is a keyword denoting the color of the bottom border of the parent’s element (which may be different from the border-bottom-color default value)
Example
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Tutorials</title>
<style>
p {
border: solid 0.3em gold;
border-bottom-color: red;
}
</style>
</head>
<body>
<p class="element1">
Border Bottom Colour demonstration
</body>
</html>
