Својство min-width

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

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

Синтакса

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

Пример

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

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

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

Пример

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

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

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

Погледајте такође

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