myNotlar Logo

marginBottom


Internet Explorer Firefox Opera

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

CSS Sözdizimi

margin-bottom: 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.marginBottom özelliği ile bir div elementinin alt 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 altMargin10()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginBottom = "10" + "px";
}
function altMargin20()
{
	var div = document.getElementById("ornekDiv");	
	div.style.marginBottom = "20" + "px";
}
</script>

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

<table><tr><td class="ornek">
	<div id="ornekDiv"></div>
</td></tr></table>
Test Edin
İ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 |