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 stílusa



A körvonalak stílusa az outline-style tulajdonság segítségével állítható be.

Egy HTML elem körvonala minden oldalán azonos stílusú, szélességű és színű. A körvonal tulajdonságait nem lehet oldalaként megadni.

A körvonalak a HTML elem területén jelennek meg, így nem növelik annak méretét, de letakarják széleit.

A körvonal stílusának beállítása:

kijelölő
{
outline-style
:
kulcsszó;
}



Példa:

Forráskód



<style> 
      div  {border:2px solid red; margin: 2px;float: left; 
            width: 100px; height: 50px; outline:#00FF00 thick; } 
      #id_0 {outline-style:none;}   
      #id_1 {outline-style:solid;} 
      #id_2 {outline-style:dotted;}    
      #id_3 {outline-style:dashed;} 
      #id_4 {outline-style:double;} 
      #id_5 {outline-style:groove;} 
      #id_6 {outline-style:ridge;} 
      #id_7 {outline-style:inset;} 
      #id_8 {outline-style:outset;}  
      
      #id_9 {outline-style:inherit;} 
      #id_10 {outline-style:hidden;}      
</style>     
...
<body>    
     <div id="id_0">none</div>           
     <div id="id_1">solid</div> 
     <div id="id_2">dotted</div>  
     <div id="id_3">dashed</div> 
     <div id="id_4">double</div>  
     <div id="id_5">groove</div> 
     <div id="id_6">ridge</div>  
     <div id="id_7">inset</div> 
     <div id="id_8">outset</div>          
     <div id="id_9">inherit</div> 
     <div id="id_10">hidden</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_stilus.html