CSS
p {outline-color:#3898ff;}
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;}
Html
<h2>Çizgi Stilleri</h2>
<p class="dotted">Bu bir dotted dışçizgisidir.</p>
<p class="dashed">Bu bir dashhed dışçizgisidir.</p>
<p class="solid">Bu bir solid dışçizgisidir.</p>
<p class="double">Bu bir double dışçizgisidir.</p>
<p class="groove">Bu bir groove dışçizgisidir.Efektli bir çizgidir.</p>
<p class="ridge">Bu bir ridge dışçizgisidir.Efektli bir çizgidir.</p>
<p class="inset">Bu bir inset dışçizgisidir.Efektli bir çizgidir.</p>
<p class="outset">Bu bir outset dışçizgisidir.Efektli bir çizgidir.</p>
Çıktı

Tags:

css outline nedir
css outline style
css outline code
css outline element
css outline examples
css outline kullanımı
css outline style examples
css focus outline style
css outline colors
css outline color text
css outline color input
css font outline color
css border color outline
css outline focus color
css style outline color
css select outline color
css change outline width
css style outline-width
css outline offset top
outline offset in css