Lastnost min-width

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

Običajno je 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 s svojo vsebino). Če je širina elementa določena v odstotkih - se bo pri zmanjševanju okna brskalnika zmanjševala, dokler ne doseže vrednosti min-width.

Sintaksa

cssselektor {
  max-width: vrednost;
}

Primer

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

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

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

Результат:

Primer

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

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

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

Результат:

Glejte tudi