Min. výška - Triky CSS

Anonim

min-heightNemovitost v CSS slouží k nastavení výšky minimální specifikované prvku. min-heightVlastnost má vždy přednost před oběma height, a max-height. Autoři mohou použít kteroukoli z hodnot délky, pokud jsou kladnou hodnotou.

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

Pokud je kterákoli hodnota větší ( height> min-heightnebo naopak), bude největší hodnotou ta, která bude vykreslena. min-heightVlastnost se bude vztahovat na všechny prvky, kromě non-nahradil inline prvků, sloupců tabulky a skupin sloupců (tj colgroup, col).

Podpora prohlížeče

TJ Okraj Firefox Chrome Safari Opera
Všechno Všechno Všechno Všechno Všechno Všechno
Android Chrome Android Firefox Prohlížeč Android iOS Safari Opera Mobile
Všechno Všechno Všechno Všechno 59+
Zdroj: caniuse

Související vlastnosti

Almanach 15. ledna 2021

výška

.element ( height: 500px; ) Sara Cope