Eienskap max-width

Die eienskap max-width stel die maksimum breedte van 'n element. Die waarde van die eienskap kan enige eenheid vir groottes wees of die sleutelwoord none, wat die afwesigheid van 'n waarde beteken.

Die eienskap word gewoonlik gespesifiseer vir 'n element met 'n vloeiende breedte (die breedte is gespesifiseer in persentasies of glad nie gespesifiseer nie, en die element se breedte vergroot volgens sy inhoud). As die breedte van die element gespesifiseer is in persentasies - wanneer die leser se venster vergroot, sal dit vergroot totdat dit die waarde max-width bereik.

Sintaksis

selektor {
	max-width: waarde;
}

Voorbeeld

In hierdie voorbeeld is die breedte 'n persentasie van die ouer se breedte. Vergroot die leser se venster in breedte, en die houer sal ook vergroot, om by die venster se breedte aan te pas. Dit sal egter slegs vergroot tot by die grootte gedefinieer in max-width, dit is 900px. Sodra die houer hierdie breedte bereik - sal dit ophou vergroot:

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

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

Voorbeeld

In hierdie voorbeeld word die houer se breedte beperk aan beide kante: dit sal nie groter kan word as 900px en kleiner as 400px nie:

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

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

Sien ook

die eienskap min-width,
wat die minimum breedte van 'n element spesifiseer
die eienskap max-height,
wat die maksimum hoogte van 'n element spesifiseer
die eienskap min-height,
wat die minimum hoogte van 'n element spesifiseer