Kolme arvoa margin-ominaisuudessa CSS:ssä
No, ja lopuksi, jos margin-ominaisuudelle annetaan
kolme arvoa, niin ensimmäinen asettaa marginaalin
ylhäällä, kolmas - marginaalin alhaalla, ja toinen -
samanaikaisesti marginaalin vasemmalla ja oikealla puolella.
Katsotaanpa esimerkkiä:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 10px 20px 30px;
}
:
Toista sivu tämän mallin mukaan:
Toista sivu tämän mallin mukaan: