Atribuut max-width

Atribuut max-width määrab elemendi maksimaalse laiuse. Atribuudi väärtusteks võivad olla suvalised mõõtühikud või märksõna none, mis tähendab, et väärtust pole määratud.

Tavaliselt määratakse see atribuut elemendile, millel on ujuv laius (laius on määratud protsentides või pole üldse määratud ja element laieneb oma sisu järgi). Kui elemendi laius on määratud protsentides - brauseri aknat suurendamisel suureneb ka laius, kuni jõuab väärtuseni max-width.

Süntaks

valija {
	max-width: väärtus;
}

Näide

Selles näites on laius protsent vanema elemendi laiusest. Suurendage brauseri akent laiuse suunas ja konteiner suureneb ka, et kohaneda brauseri akna laiusega. Kuid see suureneb ainult kuni määratud max-width väärtuseni, mis on 900px. Kui konteiner jõuab sellise laiuseni - see lõpetab suurenemise:

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

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

Näide

Selles näites on konteineri laius piiratud mõlemalt poolt: see ei saa muutuda suuremaks kui 900px ja väiksem kui 400px:

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

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

Vaata ka

atribuut min-width,
mis määrab elemendi minimaalse laiuse
atribuut max-height,
mis määrab elemendi maksimaalse kõrguse
atribuut min-height,
mis määrab elemendi minimaalse kõrguse