Înălțime maximă - CSS-Tricks

Anonim

max-heightProprietatea în CSS este folosit pentru a seta înălțimea maximă a unui element specificat. Autorii pot folosi oricare dintre valorile lungimii, atâta timp cât sunt o valoare pozitivă. max-heightsuprascrie înălțimea, dar min-heightîntotdeauna suprascrie 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; )
Verificați acest stilou!

Procentul este calculat în funcție de înălțimea blocului care conține. Dacă înălțimea blocului care conține nu este specificată în mod explicit, valoarea procentuală este tratată ca fiind niciuna. max-heightProprietatea se va aplica tuturor elementelor cu excepția elementelor non-înlocuite inline, coloane de masă și grupuri de coloane ( de exemplu colgroup, col).

Suport pentru browser

IE Margine Firefox Crom Safari Operă
Toate Toate Toate Toate Toate Toate
Android Chrome Android Firefox Browser Android Safari iOS Opera Mobile
Toate Toate Toate Toate Toate
Sursa: caniuse

Proprietăți conexe

Almanah la 15 ianuarie 2021

înălţime

.element ( height: 500px; ) Sara Cope