A körvonalak színét a outline-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 körvonalyszín beállítása:
kijelölő
{
outline-color
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div { border: 1px solid red; margin: 4px;
width: 150px; height: 50px;
outline:solid 4px;
}
#id_0 {outline-color:silver;}
#id_1 {outline-color:rgb(128,255,0);}
#id_2 {outline-color:#80ffff;}
#id_3 {outline-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_korvonal_szin.html