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