Egenskaben min-width

Egenskaben min-width sætter den mindste bredde af et element. Værdien for egenskaben kan være enhver enhed for størrelser eller nøgleordet none, hvilket betyder fravær af værdi.

Normalt angivet for et element med en flydende bredde (bredden er angivet i procenter eller slet ikke angivet, og elementets bredde justeres af dets indhold). Hvis elementets bredde er angivet i procenter - vil den blive mindre, når browserens vindue gøres smallere, indtil den når værdien af min-width.

Syntaks

cssselektor {
  max-width: værdi;
}

Eksempel

I dette eksempel er bredden en procent af forælderens bredde. Gør browserens vindue smallere, og containeren vil også blive mindre for at tilpasse sig browserens vindues bredde. Dog vil den kun blive mindre til den størrelse, der er defineret i min-width, dette er 400px. Så snart containeren når denne bredde - vil den stoppe med at blive mindre:

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

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

Результат:

Eksempel

I dette eksempel er containerens bredde begrænset på begge sider: den kan ikke blive større end 900px og mindre end 400px:

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

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

Результат:

Se også