myNotlar Logo

minHeight


Internet Explorer 6 Firefox Opera

minHeight özelliği, elementin olabilecek en az yükseklik değerini belirler. Bu özelliğin IE 7+ sürümlerinde kullanılabilmesi için !DOCTYPE ile doküman tipinin tanımlanması gereklidir.

DOM Sözdizimi

element.style.minHeight = "yukseklik"

CSS Sözdizimi

min-height: yukseklik
yukseklik

Aşağıdaki değerleri alabilir.

  • Yüzde değer : Minimum yükseklik, belirtilen yüzde değer ile elementin içinde bulunduğu ana bloğun yüksekliği oranlanarak belirlenir.
  • CSS Ölçü Değerleri : Minimum yüksekliğin, net olarak belirlenmesini sağlar.

Aşağıdaki örnek, sabit genişliğe sahip bir div elementinin minimum yüksekliğinin belirlenmesini göstermektedir.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style type="text/css">
div#ornekDiv {
	width:150px;
	height:20px;
	background-color:#406080;
}
</style>

<script type="text/javascript">
function minYukseklik(deger)
{
	document.getElementById("ornekDiv").style.minHeight = deger;
}
</script>
<input type="button" value="min-height: 50px" onClick="minYukseklik('50px')" />
<input type="button" value="min-height: 100px" onClick="minYukseklik('100px')" />
<input type="button" value="min-height: 0" onClick="minYukseklik('0')" />
<br/><br/>
<div id="ornekDiv"></div>
Test Edin


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