min-height қасиеті

min-height қасиеті элементтің ең төменгі биіктігін орнатады. Қасиеттің мәні ретінде кез келген өлшем бірліктері немесе мән жоқтығын білдіретін none кілт сөзі қолданылады.

Әдетте ұзындығы өзгермелі элементке орнатылады (биіктік пайызбен берілген немесе мүлдем берілмеген, ал элемент биіктігі бойынша ішіндегі мазмұнға сәйкес ұлғаяды).

Егер ең төменгі биіктік белгіленсе, онда элемент осы биіктіктен төмен бола алмайды. Егер мәтін min-height үшін қажет болғаннан аз болса, элементтің биіктігі min-height болады.

Егер мәтін көп болса - элементтің биіктігі мәтін мөлшеріне байланысты есептеледі.

Синтаксис

селектор {
	min-height: мән;
}

Мысал

Бұл мысалда биіктік мүлдем орнатылмаған және ол браузер арқылы мәтін мөлшеріне байланысты өздігінен есептеледі. Алайда, min-height қасиеті орнатылғандықтан, биіктік осы мәннен төмен түсе алмайды, tіпті оның ішінде мәтін мүлдем болмаса да:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

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

Мысал

Элементке көбірек мәтін қосамыз - блок биіктігі бойынша толып кету үшін. Бұл жағдайда біздің блок жай ғана өз биіктігін ұлғайтады:

<div id="elem">
	some long text
</div>

#elem {
	min-height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Мысал

Салыстыру үшін ең төменгі биіктікті алып тастап, оның орнына height қасиетін орнатсақ, блокпен не болатынын қарап көрейік:

<div id="elem">
	some long text
</div>

#elem {
	height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
	margin-bottom: 50px;
}

Сондай-ақ қараңыз

max-height қасиеті,
ол элементтің ең жоғары биіктігін орнатады
max-width қасиеті,
ол элементтің ең жоғары енін орнатады
min-width қасиеті,
ол элементтің ең төменгі енін орнатады