CSS Outline Kullanımı - Outline-Style ile Farklı Çizgi Şekilleri

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
p {
    border: 1px solid black;
    outline-color:#0069FC;
}
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
</style>
</head>
<body>

<h2>CSS outline-style Özelliği</h2>

<p class="dotted">outline-style: dotted</p>
<p class="dashed">outline-style: dashed;</p>
<p class="solid">outline-style: solid;</p>
<p class="double">outline-style: double;</p>
<p class="groove">outline-style: groove;</p>
<p class="ridge">outline-style: ridge;</p>
<p class="inset">outline-style: inset;</p>
<p class="outset">outline-style: outset;</p>


</body>
</html>