A szegélyek szélességét mind a 4 oldalra külön-külön is beállíthatjuk.
A felső szegély szélességének megadása:
kijelölő
{
border-top-width
:
érték/kulcsszó;
}
A jobboldali szegély szélességének megadása:
kijelölő
{
border-right-width
:
érték/kulcsszó;
}
Az alsó szegély szélességének megadása:
kijelölő
{
border-bottom-width
:
érték/kulcsszó;
}
A baloldali szegély szélességének megadása:
kijelölő
{
border-left-width
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div {
border-top-width:5px;
border-right-width:1px;
border-bottom-width:3px;
border-left-width:10px;
}
</style>
...
<body>
<div>Példa DIV</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_szelessege_oldalankent.html