Egenskapen min-height

Egenskapen min-height setter minimumshøyden til et element. Verdien til egenskapen er enhver enhet for størrelser eller nøkkelordet none, som betyr fravær av verdi.

Vanligvis satt for et element med flytende bredde (høyden er satt i prosent eller ikke satt i det hele tatt, og elementet utvides i høyden av sitt innhold).

Hvis minimumshøyde er satt - kan ikke elementet blire mindre enn denne høyden. Hvis det er mindre tekst enn nødvendig for min-height, vil elementet ha høyden min-height.

Hvis det er mer tekst - vil høyden på elementet beregnes avhengig av mengden tekst.

Syntaks

velger {
	min-height: verdi;
}

Eksempel

I dette eksemplet er høyden ikke satt i det hele tatt og vil bli beregnet av nettleseren uavhengig avhengig av mengden tekst. Imidlertid, som egenskapen min-height er satt, så vil ikke høyden bli mindre enn denne verdien, selv om det ikke er noen tekst i den i det hele tatt:

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

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

Eksempel

La oss legge til mer tekst i elementet - så det blir overløp av blokken i høyde. I dette tilfellet vil blokken vår bare øke sin høyde:

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

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

Eksempel

For sammenligning, la oss se hva som skjer med blokken hvis vi fjerner minimumshøyden, og i stedet setter egenskapen height:

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

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

Se også

egenskapen max-height,
som setter maksimal høyde på et element
egenskapen max-width,
som setter maksimal bredde på et element
egenskapen min-width,
som setter minimumsbredden til et element