Egenskapen min-width

Egenskapen min-width sätter minimibredden på ett element. Värdet på egenskapen kan vara vilken enhet för storlekar som helst eller nyckelordet none, vilket betyder frånvarande av värde.

Vanligtvis sätts den för ett element med flytande bredd (bredden är angiven i procent eller inte angiven alls, och elementets bredd anpassas efter dess innehåll). Om elementets bredd är angiven i procent - kommer den att minskas när webbläsarfönstret görs mindre, tills den når värdet på min-width.

Syntax

selektor {
	max-width: värde;
}

Exempel

I detta exempel är bredden en procent av förälderns bredd. Gör webbläsarfönstret smalare, och containern kommer också att minskas, för att anpassa sig efter webbläsarfönstrets bredd. Men den kommer bara att minskas till storleken som definierats i min-width, det är 400px. När containern når denna bredd - kommer den att sluta minskas:

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

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

Exempel

I detta exempel är containerns bredd begränsad från båda sidor: den kommer inte kunna bli större än 900px och mindre än 400px:

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

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

Se även

egenskapen max-width,
som sätter maximibredden på ett element
egenskapen max-height,
som sätter maxhöjden på ett element
egenskapen min-height,
som sätter minimihöjden på ett element