CSS3 > Borders

Border-left-width Property in CSS3

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


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

<style>
        p {
            border-style: solid;
            border-left-width:20px;
        }

        div {
            border-style: double;
            border-left-width:10px;
        }
</style>

<body>
    <p>This element having border left width 20px.</p>
    <div>This element having border left width 10px.</div>
</body>

In the above code snippet we have given the border-left-width property with different values to the <p> element and <div> element. The border-left-width property with value "20px" gives the 20 pixel width at the left side border and the border-left-width property with value "10px" gives the 10 pixel width at the left side border.

OUTPUT

 Views: 493 | Post Order: 60



Write for us