Try it Editor: The outline Property

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
h2 {
    border: 1px solid red;
    outline: 5px dotted green;
}

div.a {
    border: 1px solid red;
    outline: 2px dashed blue;
}
</style>
</head>
<body>
<h1>The outline Property</h1>

<h2>A Heading with a 5 pixels green dotted outline</h2>

<div class="a">A div element with a 2 pixels blue dashed outline. Also notice that the outline is outside of any border.</div>

</body>
</html>

Result :