Savybė max-width

Savybė max-width nustato maksimalų elemento plotį. Savybės reikšmė gali būti bet kurios dydžio vienetų arba raktinis žodis none, reiškiantis, kad reikšmė nenustatyta.

Paprastai ši savybė nustatoma elementui su kintamu pločiu (plotis nustatytas procentais arba visai nenustatytas, o elemento plotis keičiasi priklausomai nuo turinio). Jei elemento plotis nustatytas procentais - didinant naršyklės langą, jis didės, kol pasieks reikšmę max-width.

Sintaksė

selektorius {
	max-width: reikšmė;
}

Pavyzdys

Šiame pavyzdyje plotis nustatytas procentais nuo tėvinio elemento pločio. Padidinkite naršyklės lango plotį, ir konteineris taip pat padidės, kad prisitaikytų prie naršyklės lango pločio. Tačiau jis didės tik iki dydžio, apibrėžto max-width, tai yra 900px. Kai konteineris pasieks šį plotį - jis nustos didėti:

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

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

Pavyzdys

Šiame pavyzdyje konteinerio plotis apribotas iš abiejų pusių: jis negalės tapti didesnis nei 900px ir mažesnis nei 400px:

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

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

Taip pat žiūrėkite

savybė min-width,
kuri nustato minimalų elemento plotį
savybė max-height,
kuri nustato maksimalų elemento aukštį
savybė min-height,
kuri nustato minimalų elemento aukštį