Eienskap min-width

Die eienskap min-width stel die minimum wydte van 'n element in. Die waarde van die eienskap kan enige eenhede vir groottes wees of die sleutelwoord none, wat beteken dat daar geen waarde is nie.

Word gewoonlik ingestel vir 'n element met 'n vloeibare wydte (wydte is in persentasies gespesifiseer of nie gespesifiseer nie, en die element se wydte vergroot volgens sy inhoud). As die element se wydte in persentasies gespesifiseer is - sal dit verminder wanneer die leser se venster verklein word, totdat dit die waarde van min-width bereik.

Sintaksis

selekteerder {
	max-width: waarde;
}

Voorbeeld

In hierdie voorbeeld is die wydte 'n persentasie van die ouer se wydte. Verklein die leser se venster in wydte, en die houer sal ook verklein om by die venster se wydte aan te pas. Maar dit sal slegs verklein tot die grootte gespesifiseer in min-width, dit is 400px. Sodra die houer hierdie wydte bereik - sal dit ophou verklein:

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

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

Voorbeeld

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

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

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

Sien ook

die eienskap max-width,
wat die maksimum wydte 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