logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.