Min-hoogte - CSS-trucs | CSS Almanac 2025

De min-heighteigenschap in CSS wordt gebruikt om de minimale hoogte van een opgegeven element in te stellen. De min-heighteigenschap heeft altijd voorrang op beide heighten max-height. Auteurs mogen alle lengtewaarden gebruiken, zolang ze maar een positieve waarde zijn.

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

Als een van beide waarden groter is ( height> min-heightof vice versa), wordt de waarde die het grootst is, weergegeven. De min-heighteigenschap geldt voor alle elementen behalve niet-vervangen inline elementen, tabelkolommen, kolomgroepen (dwz colgroup, col).