A szegélyek szélességét a border-width tulajdonság segítségével állíthatjuk be.
A szegély szélességének megadása:
kijelölő
{
border-width:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
#id_0 {border-width:0;}
#id_1 {border-width:thin;}
#id_2 {border-width:medium;}
#id_3 {border-width:thick;}
#id_4 {border-width:1px;}
#id_5 {border-width:3px;}
#id_6 {border-width:6px;}
#id_7 {border-width:10px;}
#id_8 {border-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_szegely_szelesseg.html