A körvonalak stílusa az outline-style tulajdonság segítségével állítható be.
Egy HTML elem körvonala minden oldalán azonos stílusú, szélességű és színű. A körvonal tulajdonságait nem lehet oldalaként megadni.
A körvonalak a HTML elem területén jelennek meg, így nem növelik annak méretét, de letakarják széleit.
A körvonal stílusának beállítása:
kijelölő
{
outline-style
:
kulcsszó;
}
Példa:
Forráskód
<style>
div {border:2px solid red; margin: 2px;float: left;
width: 100px; height: 50px; outline:#00FF00 thick; }
#id_0 {outline-style:none;}
#id_1 {outline-style:solid;}
#id_2 {outline-style:dotted;}
#id_3 {outline-style:dashed;}
#id_4 {outline-style:double;}
#id_5 {outline-style:groove;}
#id_6 {outline-style:ridge;}
#id_7 {outline-style:inset;}
#id_8 {outline-style:outset;}
#id_9 {outline-style:inherit;}
#id_10 {outline-style:hidden;}
</style>
...
<body>
<div id="id_0">none</div>
<div id="id_1">solid</div>
<div id="id_2">dotted</div>
<div id="id_3">dashed</div>
<div id="id_4">double</div>
<div id="id_5">groove</div>
<div id="id_6">ridge</div>
<div id="id_7">inset</div>
<div id="id_8">outset</div>
<div id="id_9">inherit</div>
<div id="id_10">hidden</div>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_korvonal_stilus.html