Својство max-width

Својство max-width поставља максималну ширину елемента. Вредност својства могу бити било које јединице за величине или кључна реч none, која означава одсуство вредности.

Обично се својство задаје за елемент са плутајућом ширином (ширина је задата у процентима или није задата уопште, а елемент се по ширини шири својим садржајем). Ако је ширина елемента задата у процентима - при повећању прозора прегледача она ће се повећавати, док не достигне вредност max-width.

Синтакса

селектор {
	max-width: вредност;
}

Пример

У овом примеру ширина износи проценат од ширине родитеља. Повећајте прозор прегледача по ширини, и контејнер ће се такође увећати, да би се прилагодио ширини прозора прегледача. Међутим, он ће се увећавати само до величине одређене у max-width, то је 900px. Чим контејнер достигне ту ширину - престаће да се увећава:

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

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

Пример

У овом примеру ширина контејнера је ограничена са обе стране: неће моћи да постане већи од 900px и мањи од 400px:

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

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

Види још

својство min-width,
које задаје минималну ширину елемента
својство max-height,
које задаје максималну висину елемента
својство min-height,
које задаје минималну висину елемента