Svojstvo max-width

Svojstvo max-width postavlja maksimalnu širinu elementa. Vrednost svojstva mogu biti bilo koje jedinice za veličine ili ključna reč none, što označava odsustvo vrednosti.

Obično se svojstvo zadaje za element sa promenjivom širinom (širina je zadata u procentima ili uopšte nije zadata, a element se po širini širi svojim sadržajem). Ako je širina elementa zadata u procentima - pri povećanju prozora pretraživača ona će se povećavati, sve dok ne dostigne vrednost max-width.

Sintaksa

selektor {
	max-width: vrednost;
}

Primer

U ovom primeru širina iznosi procenat od širine roditelja. Povećajte prozor pretraživača po širini, i kontejner će se takođe povećati, kako bi se prilagodio širini prozora pretraživača. Međutim, on će se povećavati samo do veličine definisane u max-width, to je 900px. Čim kontejner dostigne tu širinu - prestaće da se povećava:

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

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

Primer

U ovom primeru širina kontejnera je ograničena sa obe strane: on neće moći da postane veći od 900px i manji od 400px:

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

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

Pogledajte takođe

svojstvo min-width,
koje postavlja minimalnu širinu elementa
svojstvo max-height,
koje postavlja maksimalnu visinu elementa
svojstvo min-height,
koje postavlja minimalnu visinu elementa