CSS3 > Borders

Border-left-color Property in CSS3

How to set the color to the left border of an element in CSS3?


By using border-left-color property we can set the color to the left border of an element.

<style>
        p {
            border-style: solid;
            border-left-color: red;
        }

        div {
            border-style: double;
            border-left-color: blue;
        }
</style>

<body>
    <p>This element having red color border at the leftside.</p>
    <div>This element having blue color border at the leftside.</div>
</body>

In the above code snippet we have given border-left-color property with different values to the <p> element and <div> element. The border-left-color property with value "red" is applied to the <p> element, so that the left side border color of <p> element will appear in red color. The border-left-color property with value "blue" is applied to the <div> element, so that the left side border color of <div> element will appear in blue color.

OUTPUT

 

 Views: 493 | Post Order: 59



Write for us