Lastnost max-width

Lastnost max-width določa največjo širino elementa. Vrednost lastnosti so poljubne enote za velikosti ali ključna beseda none, ki pomeni odsotnost vrednosti.

Lastnost je običajno nastavljena za element s plavajočo širino (širina je določena v odstotkih ali ni določena sploh, element pa se po širini razširi svojo vsebino). Če je širina elementa določena v odstotkih - se bo ob povečevanju okna brskalnika povečevala, dokler ne doseže vrednosti max-width.

Sintaksa

selektor {
	max-width: vrednost;
}

Primer

V tem primeru je širina določena v odstotkih glede na širino starševskega elementa. Povečajte okno brskalnika po širini, in tudi vsebnik se bo povečal, da se prilagodi širini okna brskalnika. Vendar se bo povečeval le do vrednosti, določene v max-width, to je 900px. Ko vsebnik doseže to širino - se neha povečevati:

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

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

Primer

V tem primeru je širina vsebnika omejena z obeh strani: ne more postati večji od 900px in manjši od 400px:

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

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

Glejte tudi

lastnost min-width,
ki določa najmanjšo širino elementa
lastnost max-height,
ki določa največjo višino elementa
lastnost min-height,
ki določa najmanjšo višino elementa