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