Site icon T4Tutorials.com

Borders CSS

Border-Bottom (CSS)

p.r{
    border-bottom: 6px double red;
    background-color: lightgrey;
}

Try it

Border-Colors (CSS)

p.r {
    border-style: solid;
    border-color: red;
    font-size: 50px;
    font-style: italic;
}

Try it

Border-Individual Sides (CSS)

p.r{
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
    border-width: 5px;
    border-color: red;
    font-size: 30px;
}

Try it

Border-Left (CSS)

p.b {
    border-left: 6px solid black;
    background-color: brown;
    font-size: 30px;
}

Try it

Border-Shorthand Property (CSS)

p.r {
    border: 7px solid red;
}

Try it

Border-Style (CSS)

p.dotted 
{
    border-style: dotted;
    border-width: 5px;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}

Try it

Border-Width (CSS)

p.T{
    border-style: solid;
    border-width: 10px;
    border-color: red;
    font-size: 30px;
}

Try it

Border-rounded (CSS)

p.r2 {
    border: 3px solid blue;
    border-radius: 9px;
}

Try it

Video Lectures

Exit mobile version