Everything about css outline property

How to give outline?

Properties of outline:
outline-width:
This property is used to set outline width.
Pass value in pixel, percentage, etc.
We can also pass some fixed value like thin, medium, thick
outline-style:
This property is used to give style of the outline.
The values are solid, dotted, dashed, double, groove,
ridge, inset, outset, mix, none.
outline-color:
This property is used to give outline a color.
The values are color name or color code.
outline:
This a shorthand property for outline. We can write all the outline
properties value in one line. The first value is outline style,
the second value is outline width and the third value is outline color.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<style>
    #first_heading{
        outline-style:solid;
        outline-width:10px;
        outline-color:blue;
    }
    .last_heading{
        outline: solid 10px blue;
    }
</style>
</head>
<body>

<h2 id="first_heading">Welcome to this website</h2>
<h3 class="last_heading">Thanks for choosing this website</h3>

</body>
</html>

CodersAim is created for learning and training a self learner to become a professional from beginner. While using CodersAim, you agree to have read and accepted our terms of use, privacy policy, Contact Us