CSS3 > Borders

Border-width Property in CSS3

How to set the width of the four border's of an specified element in CSS3?


By using border-width property we can set the width of the four border's of an element specified element.

 <style>
        .class1 {
            border:solid;
        }

        .class2 {
            border: solid;
            border-width: 2px;
        }

        .class3 {
        border:solid;
        border-width:medium;
        }
        .class4 {
        border:solid;
        border-width:thick;
        }
        .class5 {
        border:solid;
        border-width:thin;
        }
    </style>


<body>
    <p class="class1">TechFunda with Solid Border.</p>
    <p class="class2">TechFunda with '2px' border-width.</p>
    <p class="class3">TechFunda with Medium border-width.</p>
    <p class="class4">TechFunda with Thick border-width.</p>
    <p class="class5">TechFunda with Thin border-width.</p>
</body>

In the above code snippet we have given border-width property to the .class selector. .class selector selects the specified <p> elements and applies the border-width property as per their values.

OUTPUT

 Views: 496 | Post Order: 71



Write for us