border-left-color - HTML CSS CSS Property

Description

The border-left-color CSS property sets the color of an element's left border.

The following table summarizes the border-left-color Property.

Item	Value
Default value:	The value of the color property
Applies to:	All elements
Inherited:	No
Animatable:	Yes.

Syntax

The syntax of the property is as follows:

border-left-color:      color | transparent | initial | inherit

Property Values

The following table describes the values of this property.

Value	Description
color	Set the color
transparent	set the border to be transparent
initial	Sets this property to its default value.
inherit	takes the value of its parent element border-left-color property.

The example below shows the border-left-color property.

Example

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS border-left-color property</title>
  <style type="text/css">
    p {<!--  w  w  w.  j  a v a  2 s.co  m-->
        border-style: solid;
        border-left-color: #ff0000;
    }
    </style>
 </head>
 <body>
  <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
 </body>
</html>