Eigenschap min-width

De eigenschap min-width stelt de minimale breedte van een element in. De waarde van de eigenschap zijn alle eenheden voor afmetingen of het sleutelwoord none, wat betekent dat er geen waarde is.

Meestal ingesteld voor een element met een variabele breedte (breedte is ingesteld in percentages of niet ingesteld, en het element wordt in breedte uitgerekt door zijn inhoud). Als de breedte van het element is ingesteld in percentages - bij het verkleinen van het browservenster zal het kleiner worden, totdat het de waarde min-width bereikt.

Syntaxis

selector {
	max-width: waarde;
}

Voorbeeld

In dit voorbeeld is de breedte een percentage van de breedte van de ouder. Verklein het browservenster in breedte, en de container wordt ook kleiner om zich aan te passen aan de breedte van het browservenster. Echter, het zal alleen kleiner worden tot de grootte gedefinieerd in min-width, dit is 400px. Zodra de container deze breedte bereikt - zal het stoppen met verkleinen:

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

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

Voorbeeld

In dit voorbeeld is de breedte van de container beperkt aan beide kanten: het kan niet groter worden dan 900px en kleiner dan 400px:

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

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

Zie ook

de eigenschap max-width,
die de maximale breedte van een element instelt
de eigenschap max-height,
die de maximale hoogte van een element instelt
de eigenschap min-height,
die de minimale hoogte van een element instelt