Egenskapen max-width

Egenskapen max-width setter den maksimale bredden til et element. Verdien for egenskapen kan være enhver enhet for størrelser eller nøkkelordet none, som betyr fravær av verdi.

Egenskapen blir vanligvis satt 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 øke når nettleservinduet økes, inntil den når verdien max-width.

Syntaks

velger {
	max-width: verdi;
}

Eksempel

I dette eksemplet er bredden en prosentandel av forelderens bredde. Øk nettleservinduet i bredden, og beholderen vil også øke, for å tilpasse seg nettleservinduets bredde. Den vil imidlertid bare øke til størrelsen definert i max-width, som er 900px. Når beholderen når denne bredden - vil den slutte å øke:

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

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

Eksempel

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

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

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

Se også

egenskapen min-width,
som setter minimumsbredden til et element
egenskapen max-height,
som setter maksimal høyde på et element
egenskapen min-height,
som setter minimumshøyden til et element