Уласцівасць min-height

Уласцівасць min-height устанаўлівае мінімальную вышыню элемента. Значэннем уласцівасці служаць любыя адзінкі для памераў альбо ключавое слова none, якое азначае адсутнасць значэння.

Звычайна задаецца для элемента з плаваючай шырынёй (вышыня зададзена ў працэнтах альбо не зададзена наогул, а элемент па вышыні разсоўваецца сваім зместам).

Калі зададзена мінімальная вышыня - то менш гэтай вышыні элемент не зможа стаць. Калі тэксту менш, чым трэба для min-height, элемент будзе мець вышыню min-height.

Калі ж тэксту больш - вышыня элемента вылічыцца ў залежнасці ад колькасці тэксту.

Сінтаксіс

селектар {
	min-height: значэнне;
}

Прыклад

У дадзеным прыкладзе вышыня не ўстаноўлена наогул і будзе разлічана браўзэрам самастойна ў залежнасці ад колькасці тэксту. Аднак, паколькі ўстаноўлена ўласцівасць min-height, то вышыня менш гэтага значэння не паменшыцца, нават калі тэксту ў ім будзе зусім няма:

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

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

Прыклад

Дадамо элементу больш тэксту - так, каб адбылося перапаўненне блока па вышыні. У гэтым выпадку наш блок проста павялічыць сваю вышыню:

<div id="elem">
	якісьці доўгі тэкст...
</div>

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

Прыклад

Для параўнання давайце паглядзім, што будзе з блокам, калі забраць у яго мінімальную вышыню, а замест яе задаць уласцівасць height:

<div id="elem">
	якісьці доўгі тэкст...
</div>

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

Глядзіце таксама

уласцівасць max-height,
якое задае максімальную вышыню элемента
уласцівасць max-width,
якое задае максімальную шырыню элемента
уласцівасць min-width,
якое задае мінімальную шырыню элемента