border-left-color

The border-left-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-left are more convenient and preferable.

Syntax

border-left-color: red
border-left-color: rgb(255, 255, 0)
border-left-color: hsla(100%, 50%, 25%, 0.75)
border-left-color: transparent
border-left-color: #ffbb00
border-left-color: currentColor
border-left-color: inherit

Example

<!DOCTYPE HTML>
<html>
    <head>
        <title>CSS Tutorials</title>
        <style type="text/css"> 
            div {
                border: solid 0.3em gold;
                border-left-color: red;
            }
        </style>
    </head>
    <body>
        <div>
            border-left-color
        </div>
    </body>
</html>