Min. výška - Triky CSS

Anonim

min-heightNehnuteľnosť v CSS slúžia na nastavenie výšky minimálnej špecifikovanej prvku. min-heightVlastnosť má vždy prednosť pred oboma height, a max-height. Autori môžu použiť ktorúkoľvek z hodnôt dĺžky, pokiaľ sú kladné.

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

Ak je ktorákoľvek hodnota väčšia ( height> min-heightalebo naopak), bude najväčšou hodnotou tá, ktorá bude poskytnutá. min-heightVlastnosť sa bude vzťahovať na všetky prvky, okrem non-nahradil inline prvkov, stĺpcov tabuľky a skupín stĺpcov (tj colgroup, col).

Podpora prehliadača

IE Hrana Firefox Chrome Safari Opera
Všetky Všetky Všetky Všetky Všetky Všetky
Android Chrome Android Firefox Prehliadač Android iOS Safari Opera Mobile
Všetky Všetky Všetky Všetky 59+
Zdroj: caniuse

Súvisiace vlastnosti

Almanach 15. januára 2021

výška

.element ( height: 500px; ) Sara Cope