max-height
Nekretnina u CSS se koristi za postavljanje maksimalnu visinu od određenog elementa. Autori mogu koristiti bilo koju od vrijednosti duljine ukoliko su pozitivne. max-height
nadjačava visinu, ali min-height
uvijek nadjačava 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; )
Pogledajte ovu olovku!
Postotak se izračunava s obzirom na visinu bloka koji sadrži. Ako visina bloka koji sadrži nije izričito navedena, postotna vrijednost tretira se kao nikakva. max-height
Imovine će se primjenjivati na sve elemente osim nisu zamijenjeni inline elemenata, stupcima tablice, i skupina stupaca (tj colgroup
, col
).
Podrška preglednika
IE | Rub | Firefox | Krom | Safari | Opera |
---|---|---|---|---|---|
svi | svi | svi | svi | svi | svi |
Android Chrome | Android Firefox | Android preglednik | iOS Safari | Opera Mobile |
---|---|---|---|---|
svi | svi | svi | svi | svi |
Povezana svojstva
Almanah 15. siječnja 2021visina
.element ( height: 500px; )
![](1059808/max-height_css-tricks.jpg.webp)
![](1059808/max-height_css-tricks.jpg.webp)
![](1059808/max-height_css-tricks.jpg.webp)
![](1059808/max-height_css-tricks.jpg.webp)