Min-înălțime - CSS-Tricks

Anonim

min-heightProprietatea în CSS este folosit pentru a seta înălțimea minimă a unui element specificat. min-heightProprietatea suprascrie întotdeauna atât heightși max-height. Autorii pot folosi oricare dintre valorile lungimii, atâta timp cât sunt o valoare pozitivă.

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

Dacă oricare dintre valori este mai mare ( height> min-heightsau invers), valoarea cea mai mare va fi cea redată. min-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 Peste 59 de ani
Sursa: caniuse

Proprietăți conexe

Almanah la 15 ianuarie 2021

înălţime

.element ( height: 500px; ) Sara Cope