max-height
CSS turtas naudojamas nustatyti maksimalų aukštį su konkretaus elemento. Autoriai gali naudoti bet kurią iš ilgio reikšmių, jei jos yra teigiamos. max-height
viršija aukštį, bet min-height
visada nepaiso max-height
.
.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )
Patikrinkite šį rašiklį!
Procentai apskaičiuojami atsižvelgiant į bloką turinčio bloko aukštį. Jei blokinio elemento aukštis nėra aiškiai nurodytas, procentinė vertė laikoma jokia. max-height
Turtas bus taikomos visiems elementams, išskyrus ne pakeisti inline elementų, lentelės stulpelių ir stulpelių grupių (ty colgroup
, col
).
Naršyklės palaikymas
T.Y | Briauna | „Firefox“ | „Chrome“ | „Safari“ | Opera |
---|---|---|---|---|---|
Viskas | Viskas | Viskas | Viskas | Viskas | Viskas |
„Android Chrome“ | „Android Firefox“ | „Android“ naršyklė | „iOS Safari“ | „Opera Mobile“ |
---|---|---|---|---|
Viskas | Viskas | Viskas | Viskas | Viskas |
Susijusios savybės
Almanachas 2021 m. Sausio 15 dūgio
.element ( height: 500px; )
Sara Cope