Svojstvo min-width

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

Obično se postavlja za element sa promenljivom širinom (širina je zadata u procentima ili uopšte nije zadata, a element se po širini proširuje svojim sadržajem). Ako je širina elementa zadata u procentima - pri smanjenju prozora pregledača širina će se smanjivati sve dok ne dostigne vrednost min-width.

Sintaksa

selektor {
	max-width: vrednost;
}

Primer

U ovom primeru širina predstavlja procenat od širine roditelja. Smanjite prozor pregledača po širini, i kontejner će se takođe smanjiti, kako bi se prilagodio širini prozora pregledača. Međutim, smanjiće se samo do veličine određene u min-width, to je 400px. Čim kontejner dostigne tu širinu - prestaće da se smanjuje:

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

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

Primer

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

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

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

Pogledajte takođe

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