Уласцівасць 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,
якое задае мінімальную вышыню элемента