Eienskap min-height

Die eienskap min-height stel die minimumhoogte van 'n element in. Die waarde van die eienskap is enige eenhede vir groottes of die sleutelwoord none, wat beteken dat daar geen waarde is nie.

Word gewoonlik gespesifiseer vir 'n element met 'n vloeibare breedte (hoogte word in persentasies gespesifiseer of gladnie gespesifiseer nie, en die element se hoogte word vergroot deur sy inhoud).

As 'n minimumhoogte gespesifiseer is - kan die element nie kleiner as hierdie hoogte word nie. As daar minder teks is as wat nodig is vir min-height, sal die element 'n hoogte van min-height hê.

As daar egter meer teks is - sal die hoogte van die element bereken word volgens die hoeveelheid teks.

Sintaksis

selektor {
	min-height: waarde;
}

Voorbeeld

In hierdie voorbeeld is die hoogte gladnie ingestel nie en sal die blaaier dit outomaties bereken volgens die hoeveelheid teks. Omdat die eienskap min-height egter ingestel is, sal die hoogte nie kleiner as hierdie waarde kan word nie, selfs al is daar geen teks daarin nie:

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

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

Voorbeeld

Kom ons voeg meer teks by die element - sodat die blok oorvloei in hoogte. In hierdie geval sal ons blok net sy hoogte vergroot:

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

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

Voorbeeld

Ter vergelyking, kom ons kyk wat sal gebeur met die blok as ons die minimumhoogte verwyder, en in plaas daarvan die eienskap height spesifiseer:

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

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

Sien ook

die eienskap max-height,
wat die maksimumhoogte van 'n element spesifiseer
die eienskap max-width,
wat die maksimumbreedte van 'n element spesifiseer
die eienskap min-width,
wat die minimumbreedte van 'n element spesifiseer