<!DOCTYPE html>
<html>
<head>
<title>CSS outline property</title>
</head>
<body>
<p style="border: 1px solid orange; outline-style: solid">This element outline style solid.</p>
<p style="border: 1px solid orange; outline-style: dotted">This element outline style dotted.</p>
<p style="border: 1px solid orange; outline-style: dashed">This element outline style dashed.</p>
<p style="border: 1px solid orange; outline-style: double">This element outline style double.</p>
<p style="border: 1px solid orange; outline-style: groove">This element outline style groove.</p>
<p style="border: 1px solid orange; outline-style: inset">This element outline style inset.</p>
<p style="border: 1px solid orange; outline-style: outset">This element outline style outset.</p>
</body>
</html>
