Min høyde - CSS-triks

Anonim

Den min-heightegenskap i CSS brukes til å angi minimumshøyde av et spesifisert element. Den min-heightEiendommen alltid overstyrer både heightog max-height. Forfattere kan bruke hvilken som helst av lengdeverdiene så lenge de er en positiv verdi.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Hvis en av verdiene er større ( height> min-heighteller omvendt), vil verdien som er størst være den som blir gitt. Den min-heightegenskap vil gjelde for alle elementer, bortsett fra ikke-erstattet inline-elementer, bord kolonner og kolonnegrupper (dvs. colgroup, col).

Nettleserstøtte

DVS Kant Firefox Chrome Safari Opera
Alle Alle Alle Alle Alle Alle
Android Chrome Android Firefox Android-nettleser iOS Safari Opera Mobile
Alle Alle Alle Alle 59+
Kilde: caniuse

Relaterte egenskaper

Almanakk 15. januar 2021

høyde

.element ( height: 500px; ) Sara Cope