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