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