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