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    

A szegély szélessége



A szegélyek szélességét a border-width tulajdonság segítségével állíthatjuk be.

A szegély szélességének megadása:

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



Példa:

Forráskód



<style>
  #id_0 {border-width:0;}   
  #id_1 {border-width:thin;} 
  #id_2 {border-width:medium;}
  #id_3 {border-width:thick;} 
  #id_4 {border-width:1px;} 
  #id_5 {border-width:3px;}
  #id_6 {border-width:6px;} 
  #id_7 {border-width:10px;} 
  #id_8 {border-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_szegely_szelesseg.html