A szegély stílusa oldalanként eltérő lehet.
Ha csupán egy oldalon tér el a szegély stílusa a többitől, akkor a már megismert módon meghatározhatjuk valamennyi oldal stílusát. Majd az eltérő oldal beállítását egy külön stílusdeklarációval módosítjuk.
Felső szegély stílusának megadása:
kijelölő
{
border-top-style
:
kulcsszó;
}
Jobboldali szegély stílusának megadása:
kijelölő
{
border-right-style
:
kulcsszó;
}
Alsó szegély stílusának megadása:
kijelölő
{
border-bottom-style
:
kulcsszó;
}
Baloldali szegély stílusának megadása:
kijelölő
{
border-left-style
:
kulcsszó;
}
Példa:
Forráskód
<style>
div {
border-top-style:double;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:dashed;
}
</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_stilus_oldalankent.html