min-width Özelliği

min-width özelliği, bir öğenin minimum genişliğini belirler. Özelliğin değeri olarak herhangi bir boyut birimi veya bir değerin olmadığını belirten none anahtar kelimesi kullanılır.

Genellikle, esnek genişliğe sahip bir öğe için (genişliği yüzde olarak belirlenmiş veya hiç belirlenmemiş ve öğe genişliği içeriği tarafından belirleniyor) ayarlanır. Eğer bir öğenin genişliği yüzde olarak belirlenmişse - tarayıcı penceresi küçültüldüğünde, genişlik min-width değerine ulaşana kadar küçülecektir.

Sözdizimi

seçici {
	max-width: değer;
}

Örnek

Bu örnekte genişlik, üst öğenin genişliğinin yüzdesi olarak belirlenmiştir. Tarayıcı penceresinin genişliğini küçültün, konteyner de tarayıcı penceresinin genişliğine uyum sağlamak için küçülecektir. Ancak, min-width içinde tanımlanan, yani 400px değerine kadar küçülecektir. Konteyner bu genişliğe ulaştığında - küçülmeyi durduracaktır:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	height: 300px;
	border: 1px solid black;
}

Örnek

Bu örnekte, konteynerin genişliği her iki taraftan da sınırlandırılmıştır: 900px'den daha büyük ve 400px'den daha küçük olamaz:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	max-width: 900px;
	height: 100px;
	border: 1px solid black;
}

Ayrıca Bakınız

bir öğenin maksimum genişliğini belirleyen max-width özelliği
bir öğenin maksimum yüksekliğini belirleyen max-height özelliği
bir öğenin minimum yüksekliğini belirleyen min-height özelliği