Egenskapen min-width

Egenskapen min-width setter minimumsbredden til et element. Verdien for egenskapen kan være enhver av enhetene for størrelser eller nøkkelordet none, som betyr fravær av verdi.

Vanligvis brukes den for et element med flytende bredde (bredden er satt i prosent eller ikke satt i det hele tatt, og elementet utvides i bredden av sitt innhold). Hvis bredden på elementet er satt i prosent - vil den reduseres når nettleservinduet reduseres, inntil den når verdien min-width.

Syntaks

cssvelger {
  max-width: verdi;
}

Eksempel

I dette eksemplet er bredden en prosentandel av forelderens bredde. Reduser nettleservinduet i bredden, og beholderen vil også reduseres for å tilpasse seg nettleservinduets bredde. Imidlertid vil den bare reduseres til størrelsen definert i min-width, som er 400px. Når beholderen når denne bredden - vil den slutte å reduseres:

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

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

Результат:

Eksempel

I dette eksemplet er beholderens bredde begrenset på begge sider: den kan ikke bli større enn 900px og mindre enn 400px:

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

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

Результат:

Se også