Alsó és felső margók, szegélyek

top = felső

bottom = alsó

Bármelyik margó vagy szegély vastagsága lehet 0, ekkor a mértékegységet nem kötelező megadni.

Az elem teljes magassága = margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom pixel;

Az elem teljes magassága = 1 + 2 + 3 + 200 + 4 + 5 + 6 = 221 pixel;

Példa:

Forráskód


<style>
  div_1 { 
    margin-top:1px;  
    border-top:2px solid gray; 
    padding-top:3px;  
    height: 200px; 
    padding-bottom:4px; 
    border-bottom:5px solid gray; 
    margin-bottom:6px;
    background-color:yellow; 
  } 
</style>
...  
<body>            
   <div class="div_1">
       Tartalom
   </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_doboz_3.html