VISSZA
MENÜ
TOVÁBBA szegély színe egy HTML elem mind a négy oldalán eltérő lehet.
A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.
Felső szegély színének megadása:
kijelölő
{
border-top-color
:
érték/kulcsszó;
}
Jobboldali szegély színének megadása:
kijelölő
{
border-right-color
:
érték/kulcsszó;
}
Alsó szegély színének megadása:
kijelölő
{
border-bottom-color
:
érték/kulcsszó;
}
Baloldali szegély színének megadása:
kijelölő
{
border-left-color
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div {
border-top-color: maroon;
border-right-color: green;
border-bottom-color: navy;
border-left-color: red;
}
</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_szin_oldalankent.html