Egenskaben max-width

Egenskaben max-width angiver den maksimale bredde af et element. Egenskabens værdi kan være enhver enhed for størrelser eller nøgleordet none, hvilket betyder fravær af en værdi.

Egenskaben angives normalt for et element med en flydende bredde (bredden er angivet i procenter eller slet ikke angivet, og elementets bredde tilpasses af dets indhold). Hvis elementets bredde er angivet i procenter - vil den øges, når browserens vindue gøres større, indtil den når værdien af max-width.

Syntaks

selektor {
	max-width: værdi;
}

Eksempel

I dette eksempel er bredden en procent af forælderens bredde. Gør browserens vindue bredere, og containeren vil også blive større for at tilpasse sig browserens vindue. Den vil dog kun øges indtil størrelsen angivet i max-width, som er 900px. Så snart containeren når denne bredde - vil den stoppe med at vokse:

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

#elem {
	width: 70%;
	max-width: 900px;
	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:

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

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

Se også

egenskaben min-width,
som angiver den minimale bredde af et element
egenskaben max-height,
som angiver den maksimale højde af et element
egenskaben min-height,
som angiver den minimale højde af et element