A körvonalak szélességét a outline-width tulajdonság segítségével állíthatjuk be.
A körvonalak szélességének megadása:
kijelölő
{
outline-width
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div {border: 1px red solid; margin: 2px;
float: left; outline: solid yellow;
width: 100px; height: 50px; }
#id_0 {outline-width:0;}
#id_1 {outline-width:thin;}
#id_2 {outline-width:medium;}
#id_3 {outline-width:thick;}
#id_4 {outline-width:1px;}
#id_5 {outline-width:3px;}
#id_6 {outline-width:6px;}
#id_7 {outline-width:10px;}
#id_8 {outline-width:inherit;}
</style>
….
<body>
<div id="id_0">0</div>
<div id="id_1">thin</div>
<div id="id_2">medium</div>
<div id="id_3">thick</div>
<div id="id_4">1px</div>
<div id="id_5">3px</div>
<div id="id_6">6px</div>
<div id="id_7">10px</div>
<div id="id_8">inherit</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_szelesseg.html