Atribuut min-width

Atribuut min-width määrab elemendi minimaalse laiuse. Atribuudi väärtusteks võivad olla suvalised mõõtühikud või märksõna none, mis tähendab, et väärtus puudub.

Tavaliselt määratakse see muutuva laiusega elemendile (laius on määratud protsentides või pole üldse määratud ning elemendi laiust suurendab selle sisu). Kui elemendi laius on määratud protsentides - brauseri akent ahenedes see väheneb, kuni jõuab väärtuseni min-width.

Süntaks

cssselektor {
  max-width: väärtus;
}

Näide

Selles näides on laius protsent vanema elemendi laiusest. Vähendage brauseri akent laiuses ja konteiner väheneb ka, et kohanduda brauseri akna laiusele. Kuid see väheneb ainult suuruseni, mis on määratud min-width-is, see on 400px. Kui konteiner jõuab sellise laiuseni - see lõpetab vähenemise:

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

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

Результат:

Näide

Selles näides on konteineri laius piiratud mõlemalt poolt: see ei saa muutuda suuremaks kui 900px ja väiksemaks kui 400px:

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

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

Результат:

Vaata ka