margin-bottom Özelliği
margin-bottom özelliği, bir öğenin
altındaki dış kenar boşluğunu ayarlar. Özelliğin
değeri, boyutlar için herhangi bir birim
veya tarayıcının kenar boşluğunu kendisinin
hesaplamasına izin veren auto anahtar sözcüğü olabilir.
Sözdizimi
seçici {
margin-bottom: değer;
}
Örnek
Bir bloğa alttan 50px dış kenar boşluğu verelim:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Ayrıca Bakınız
-
üstten dış kenar boşluğu ayarlayan
margin-topözelliği,
-
soldan dış kenar boşluğu ayarlayan
margin-leftözelliği,
-
sağdan dış kenar boşluğu ayarlayan
margin-rightözelliği,
-
dış kenar boşluğu için kısaltma olan
marginözelliği,
-
iç kenar boşluğu ayarlayan
paddingözelliği,
