myNotlar Logo

minWidth


Internet Explorer 6 Firefox Opera

minWidth özelliği, elementin olabilecek en az genişlik değerinin belirlenmesini sağlar. 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.minWidth = "genislik"

CSS Sözdizimi

min-width: genislik
genislik

Aşağıdaki değerleri alabilir.

  • Yüzde değer : Minimum genişlik, belirtilen yüzde değer ile elementin içinde bulunduğu ana bloğun yüksekliği oranlanarak belirlenir.
  • CSS Ölçü Değerleri : Minimum genişliğ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:50px;
	height:100px;
	background-color:#406080;
}
</style>

<script type="text/javascript">
function minGenislik(deger)
{
	document.getElementById("ornekDiv").style.minWidth = deger;
}
</script>
<input type="button" value="min-width: 100px" onClick="minGenislik('100px')" />
<input type="button" value="min-width: 150px" onClick="minGenislik('150px')" />
<input type="button" value="min-width: 0" onClick="minGenislik('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 | YasinKa |