Својството 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,
кое ја задава минималната висина на елементот