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>