
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