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

velger {
	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:

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

#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:

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

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

Se også

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