Bal és jobb margók, szegélyek

left = bal

right = jobb

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

Az elem teljes szélessége = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right pixel;

Az elem teljes szélessége = 1 + 2 + 3 + 200 + 4 + 5 + 6 = 421 pixel;

Példa:

Forráskód


<style>
  div_1 { 
    margin-left:1px;  
    border-left:2px solid gray; 
    padding-left:3px;  
    width: 200px; 
    padding-right:4px; 
    border-right:5px solid gray; 
    margin-right: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_2.html