Marginaalien käsittely CSS:ssä
Nyt selvittelemme
margin-ominaisuutta, joka määrittää
verkkosivuston elementtien väliset marginaalit.
Katsotaanpa, miltä se käytännössä näyttää.
Aluksi esitän sinulle kaksi toisiinsa sisäkkäistä
lohkoa ilman margin:ia (ne liimautuvat yhteen
ja näemme kaksinkertaisen reunuksen):
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
Ja nyt asetetaan margin
30px sisälohkolle:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
