<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>