CSS border-bottom-color Property

CSS border-bottom-color Property


CSS border-bottom-color Property
This property defines the color of an element’s bottom border. 
Syntax -
border-bottom-color: color | transparent | inherit 
Now we will see two mostly used values -
Color  -
Specifies the color of the bottom border. 
transparent - 
Specifies that the border color should be transparent
Now we will see Example -
Example - Using rgb -
Output -
Example - Using color value -
<!DOCTYPE html>
<html>

<head>
    <style>
        h1{
            border-style: solid;
            border-width: thin;
            border-bottom-color: violet
        }
    </style>
</head>

<body>

    <h1>Thi is a sample peragraph</h1>

</body>

</html>
Output -
Example  - Using hex code - 
 
<!DOCTYPE html>
<html>

<head>
    <style>
        h1{
            border-style: solid;
            border-width: thin;
            border-bottom-color: 36f4f8

        }
    </style>
</head>

<body>

    <h1>Thi is a sample paragraph</h1>

</body>

</html>
 
Output -