Хосияти 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,
ки баландии минималии элементро муқаррар мекунад