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élessége



A körvonalak szélességét a outline-width tulajdonság segítségével állíthatjuk be.

A körvonalak szélességének megadása:

kijelölő
{
outline-width
:
érték/kulcsszó;
}



Példa:

Forráskód



<style>
      div  {border: 1px red solid; margin: 2px;
            float: left; outline: solid yellow;
            width: 100px; height: 50px; }  
      #id_0 {outline-width:0;}   
      #id_1 {outline-width:thin;} 
      #id_2 {outline-width:medium;}    
      #id_3 {outline-width:thick;} 
      #id_4 {outline-width:1px;} 
      #id_5 {outline-width:3px;}
      #id_6 {outline-width:6px;} 
      #id_7 {outline-width:10px;} 
      #id_8 {outline-width:inherit;}  
</style>     
….
<body>    
     <div id="id_0">0</div>  
     <div id="id_1">thin</div>
     <div id="id_2">medium</div>  
     <div id="id_3">thick</div>
     <div id="id_4">1px</div>  
     <div id="id_5">3px</div>
     <div id="id_6">6px</div>  
     <div id="id_7">10px</div>
     <div id="id_8">inherit</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_szelesseg.html