marginBottom özelliği, elementin alt kenarının dış kenar payı genişliğinin belirlenmesini sağlar.Ayrıca tüm kenar paylarının belirtilmesini sağlayan margin özelliğiyle de belirlenebilir.
DOM Sözdizimi
element.style.marginBottom = "genislik"
CSS Sözdizimi
margin-bottom: genislik
genislik | Elementin içinde bulunduğu ana elementinin yüksekliğini referans alarak yüzde değer atanabilir. CSS Ölçü Birimleri ile bir değer atanabilir. |
Aşağıdaki örnek, style.marginBottom özelliği ile bir div elementinin alt kenar payının dinamik olarak belirlenmesini göstermektedir.
<style type="text/css">
div#ornekDiv {
width:120px;
height:90px;
background-color:white;
}
td.ornek {
background-color: blue;
}
</style>
<script type="text/javascript">
function altMargin10()
{
var div = document.getElementById("ornekDiv");
div.style.marginBottom = "10" + "px";
}
function altMargin20()
{
var div = document.getElementById("ornekDiv");
div.style.marginBottom = "20" + "px";
}
</script>
<input type="button" value="margin-bottom: 10px" onClick="altMargin10()"/>
<input type="button" value="margin-bottom: 20px" onClick="altMargin20()"/>
<table><tr><td class="ornek">
<div id="ornekDiv"></div>
</td></tr></table>
Test Edin