Minden oldalra összevontan is megadhatók a szegélyek jellemzői.
A felső szegély jellemzőinek megadása:
kijelölő
{
border-top
:
érték/kulcsszó
érték/kulcsszó
érték/kulcsszó;
}
A jobboldali szegély jellemzőinek megadása:
kijelölő
{
border-right
:
érték/kulcsszó
érték/kulcsszó
érték/kulcsszó;
}
Az alsó szegély jellemzőinek megadása:
kijelölő
{
border-bottom
:
érték/kulcsszó
érték/kulcsszó
érték/kulcsszó;
}
A baloldali szegély jellemzőinek megadása:
kijelölő
{
border-left
:
érték/kulcsszó
érték/kulcsszó
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div {
border-top:5px solid blue;
border-right: thick double #ff0000;
border-bottom: 10px dotted rgb(128,255,0);
border-left: medium dashed rgb(20%,20%,50%);
}
</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_jellemzoi_oldalankent.html