Savybė min-height

Savybė min-height nustato minimalų elemento aukštį. Savybės reikšmė gali būti bet kokie dydžio vienetai arba raktinis žodis none, reiškiantis, kad reikšmė nenustatyta.

Paprastai nustatoma elementui su kintamu pločiu (aukštis nustatytas procentais arba visai nenustatytas, o elemento aukštis keičiasi priklausomai nuo turinio).

Jei nustatytas minimalus aukštis - elementas negalės būti žemesnis už šį aukštį. Jei teksto yra mažiau, nei reikia min-height, elemento aukštis bus lygus min-height.

Jei teksto yra daugiau - elemento aukštis bus apskaičiuotas priklausomai nuo teksto kiekio.

Sintaksė

selektorius {
	min-height: reikšmė;
}

Pavyzdys

Šiame pavyzdyje aukštis visai nenustatytas ir bus naršyklės apskaičiuotas savarankiškai priklausomai nuo teksto kiekio. Tačiau, kadangi nustatyta savybė min-height, aukštis mažesnis už šią reikšmę nesumažės, net jei tekste jo visai nebus:

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

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

Pavyzdys

Pridėkime elementui daugiau teksto - kad bloko aukštis būtų per didelis. Šiuo atveju mūsų blokas tiesiog padidins savo aukštį:

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

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

Pavyzdys

Palyginimui pažiūrėkime, kas atsitiks su bloku, jei pašalinsime minimalų aukštį, o vietoj jo nustatysime savybę height:

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

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

Taip pat žiūrėkite

savybė max-height,
kuri nustato maksimalų elemento aukštį
savybė max-width,
kuri nustato maksimalų elemento plotį
savybė min-width,
kuri nustato minimalų elemento plotį