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