Min-korkeus - CSS-temppuja

Anonim

min-heightOmaisuus CSS käytetään asettamaan vähintään korkeus tietyn elementin. min-heightOmaisuus aina ohittaa sekä heightja max-height. Kirjoittajat voivat käyttää mitä tahansa pituusarvoista, kunhan ne ovat positiivisia arvoja.

.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; )

Jos jompikumpi arvo on suurempi ( height> min-heighttai päinvastoin), suurin arvo on renderoitu. min-heightOminaisuus koskee kaikkia elementtejä paitsi ei-korvattavien elementtien, taulukkopalstaa, ja sarakkeen ryhmät (esim colgroup, col).

Selaimen tuki

IE Reuna Firefox Kromi Safari Ooppera
Kaikki Kaikki Kaikki Kaikki Kaikki Kaikki
Android Chrome Android Firefox Android-selain iOS Safari Opera Mobile
Kaikki Kaikki Kaikki Kaikki 59+
Lähde: caniuse

Liittyvät ominaisuudet

Almanakka 15. tammikuuta 2021

korkeus

.element ( height: 500px; ) Sara Cope