myNotlar Logo

marginTop


Internet Explorer Firefox Opera

marginTop özelliği, elementin üst 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.marginTop = "genislik"

CSS Sözdizimi

margin-top: 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.marginTop özelliği ile bir div elementinin üst 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 ustMargin10()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginTop = "10" + "px";
}
function ustMargin20()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginTop = "20" + "px";
}
</script>

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

<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 |