marginLeft özelliği, elementin sol 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.marginLeft = "genislik"
CSS Sözdizimi
margin-left: 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.marginLeft özelliği ile bir div elementinin sol 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 solMargin10()
{
var div = document.getElementById("ornekDiv");
div.style.marginLeft = "10" + "px";
}
function solMargin20()
{
var div = document.getElementById("ornekDiv");
div.style.marginLeft = "20" + "px";
}
</script>
<input type="button" value="margin-bottom: 10px" onClick="solMargin10()"/>
<input type="button" value="margin-bottom: 20px" onClick="solMargin20()"/>
<table><tr><td class="ornek">
<div id="ornekDiv"></div>
</td></tr></table>
Canlı Sonuç