Свойство 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,
бу элементнинг минимал баландлигини белгилайди