myNotlar Logo

marginLeft


Internet Explorer Firefox Opera

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
genislikElementin 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ç
İlgili Başlıklar
 

Telif Hakkı © 2007-2018 mynotlar.com Tüm Hakları Saklıdır.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |