HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Körvonalak színe



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