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 külső margó megadása oldalanként



Egy HTML elem külső margójának szélessége mind négy oldalán különböző lehet.

A felső külső margó szélességének megadása:

kijelölő
{
margin-top
:
kulcsszó/méret;
}


A jobboldali külső margó szélességének megadása:

kijelölő
{
margin-right
:
kulcsszó/méret;
}


Az alsó külső margó szélességének megadása:

kijelölő
{
margin-bottom
:
kulcsszó/méret;
}


A baloldali külső margó szélességének megadása:

kijelölő
{
margin-left
:
kulcsszó/méret;
}



Példa:

Forráskód



<style>
  div {border:2px solid red; margin: 0;float: left;
       width: 50px; height: 50px; 
       color:#666600; background-color: #aaaa00 } 

  #id_1 {margin-top:10px;  margin-bottom:1px;
         margin-right:5px; margin-left:20px; } 
</style>     
...
<body>    
     <div>0 px</div>
     <div>0 px</div>   
     <div id="id_1">3 px</div>
      <div>0 px</div>
     <div>0 px</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_kulso_margo.html