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 қасиеті,
элементтің ең кіші биіктігін орнатады