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">
	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 касиети,
ал элементтин минималдык туурасын белгилейт