Хусусияти min-width

Хусусияти min-width паҳнои минималии элементро муқаррар мекунад. Қимати хусусият ҳар як воҳиди барои андозаҳо ё калимаи калидии none мебошад, ки маънои нобуд будани қиматро дорад.

Одатан барои элементе, ки паҳнои шиновар дорад (паҳноӣ ба фоизҳо муқаррар шудааст ё ҳеҷ муқаррар нашудааст, ва элемент аз рӯи паҳноӣ бо мундариҷаи худ кушода мешавад) муқаррар карда мешавад. Агар паҳнои элемент ба фоизҳо муқаррар шуда бошад - дар вақти кам кардани тирезаи браузер он кам мешавад, то ба қимати min-width нарасад.

Синтаксис

интихобкунанда {
	max-width: қимат;
}

Намуна

Дар ин намуна паҳноӣ фоизи паҳноии элементи волидайнро ташкил медиҳад. Тирезаи браузерро аз рӯи паҳноӣ кам кунед, ва контейнер низ кам мешавад, то ба паҳноии тирезаи браузер мувофиқат кунад. Аммо он фақат то андозае, ки дар min-width муайян карда шудааст, кам мешавад, ин аст 400px. Вақте ки контейнер ба ин паҳноӣ расид - он дигар кам нахоҳад шуд:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	height: 300px;
	border: 1px solid black;
}

Намуна

Дар ин намуна паҳноии контейнер аз ҳар ду тараф маҳдуд карда шудааст: он наметавонад аз 900px бузургтар ва аз 400px хурдтар шавад:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	max-width: 900px;
	height: 100px;
	border: 1px solid black;
}

Нигаред низ

хусусияти max-width,
ки паҳнои максималии элементро муқаррар мекунад
хусусияти max-height,
ки баландии максималии элементро муқаррар мекунад
хусусияти min-height,
ки баландии минималии элементро муқаррар мекунад