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

cssselektor {
  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:

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

css#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:

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

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

Результат:

Pogledajte takođe