margin-top Özelliği
margin-top özelliği, bir öğenin üstündeki
dış kenar boşluğunu ayarlar. Özelliğin değeri
boyut birimlerinden
herhangi biri veya tarayıcının kenar boşluğunu
kendi kendine hesaplamasını sağlayan
auto anahtar sözcüğü olabilir.
Sözdizimi
seçici {
margin-top: değer;
}
Örnek
Blok için üstten 50px dış kenar boşluğu ayarlayalım:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-top: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Ayrıca Bakınız
-
margin-bottomözelliği,
alt dış kenar boşluğunu ayarlar -
margin-leftözelliği,
sol dış kenar boşluğunu ayarlar -
margin-rightözelliği,
sağ dış kenar boşluğunu ayarlar -
marginözelliği,
dış kenar boşlukları için kısa yazımdır -
paddingözelliği,
iç kenar boşluğunu ayarlar