A szegélyek színét a border-color tulajdonság segítségével állíthatjuk be.
A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.
A szegélyszín beállítása:
kijelölő
{
border-color
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
#id_0 {border-color:silver;}
#id_1 {border-color:rgb(128,255,0);}
#id_2 {border-color:#80ffff;}
#id_3 {border-color:rgb(100%,100%,50%);}
</style>
...
<body>
<div id="id_0">silver</div>
<div id="id_1">rgb(128,255,0)</div>
<div id="id_2">#80ffff</div>
<div id="id_3">rgb(100%,100%,50%)</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.html