Try it Editor: The outline-style Property

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
h2 {
    outline-style: dotted;
}

div.a {
    outline-style: dotted;
}

div.b {
    border: 1px solid red;
    outline-style: dotted;
}
</style>
</head>
<body>
<h1>The outline-style Property</h1>

<h2>A Heading with a dotted outline</h2>

<div class="a">A div element with a dotted outline.</div>
<br>

<div class="b">Notice that the outline is outside of any border.</div>

</body>
</html>

Result :