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
 

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

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |