CSS3 > Borders

Border-right-width Property in CSS3

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


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

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

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

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

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

OUTPUT

 Views: 491 | Post Order: 64



Write for us