myNotlar Logo

marginRight


Internet Explorer Firefox Opera

marginRight özelliği, elementin sağ 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.marginRight = "genislik"

CSS Sözdizimi

margin-right: 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.marginRight özelliği ile bir div elementinin sağ 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 sagMargin10()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginRight = "10" + "px";
}
function sagMargin20()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginRight = "20" + "px";
}
</script>

<input type="button" value="margin-bottom: 10px" onClick="sagMargin10()"/>
<input type="button" value="margin-bottom: 20px" onClick="sagMargin20()"/>

<table><tr><td class="ornek">
	<div id="ornekDiv"></div>
</td></tr></table>
Canlı Sonuç
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |