CSS Property border-left-color








This property sets the color for the left border of an element.

Summary

ItemValue
Initial value The value of color for the element.
Inherited No.
Version CSS1
JavaScript syntax object.style.borderLeftColor="blue"
Applies to All elements.




CSS Syntax

border-left-color: color | transparent | inherit 

where color is a valid CSS color value.

Property Values

The property values are listed in the following table.

Value Description
color Set the border color.
transparent Set the border color to transparent. Default value
inherit Inherit the border color from the parent element

Browser compatibility

border-left-color Yes Yes Yes Yes Yes




Example

An example showing how to use border-left-color CSS property.

<!DOCTYPE HTML>
<html>
    <head>
    <style type='text/css'>
    div {<!--   w w  w .  j  av  a  2s . co  m-->
        border-left: 3px dashed darkkhaki;
        border-left-color:red;
    }
    </style>
    </head>
    <body>
        <div>java2s.com</div>
    </body>
</html>

Click to view the demo