Savybė min-width

Savybė min-width nustato minimalų elemento plotį. Savybės reikšmė gali būti bet kuris dydžio vienetas arba raktinis žodis none, reiškiantis, kad reikšmė nenustatyta.

Paprastai nustatoma elementui su plaukiojančiu pločiu (plotis nustatytas procentais arba visai nenustatytas, o elemento plotis keičiasi priklausomai nuo turinio). Jei elemento plotis nustatytas procentais - mažinant naršyklės langą, jis mažės, kol pasieks reikšmę min-width.

Sintaksė

cssselektorius {
  max-width: reikšmė;
}

Pavyzdys

Šiame pavyzdyje plotis nustatytas procentais nuo tėvinio elemento pločio. Sumažinkite naršyklės lango plotį, ir konteineris taip pat susitrauks, kad prisitaikytų prie naršyklės lango pločio. Tačiau jis mažės tik iki vertės, apibrėžtos min-width, tai yra 400px. Kai konteineris pasieks šį plotį - jis nustos mažėti:

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

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

Результат:

Pavyzdys

Šiame pavyzdyje konteinerio plotis apribotas iš abiejų pusių: jis negalės tapti platesnis nei 900px ir siauresnis nei 400px:

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

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

Результат:

Taip pat žiūrėkite