Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
div {
display: inline-block;
width: 80px;
height: 80px;
background: lightblue;
outline-width: 6px;
outline-offset: -6px;
margin: 20px;
}
.solid { outline-style: solid; }
.dashed { outline-style: dashed; }
.dotted { outline-style: dotted; }
.double { outline-style: double; }
</style>
<div class="solid"></div>
<div class="dashed"></div>
<div class="dotted"></div>
<div class="double"></div>