min-height

The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

Initial value auto
Applies to all elements but non-replaced inline elements, table columns, and column groups

Syntax

  
min-height: 10px;
  

Values

Defines the min-height as an absolute value.
Defines the min-height as a percentage of the containing block's height.
The browser will calculate and select a min-height for the specified element.
The intrinsic preferred min-height.
The intrinsic minimum min-height.
Uses the fit-content formula with the available space replaced by the specified argument, i.e. min(max-content, max(min-content, argument)).

Browser support

min-heightchrome1edge12firefox3ie7opera4safari1.3
autochrome21edge79firefox16ieopera12.1safari
fit-contentchrome46edge79firefox3ieopera44safari11
max-contentchrome46edge79firefox66ieopera44safari11
min-contentchrome46edge79firefox66ieopera44safari11
stretchchrome28edge79firefoxieopera15safari9

We use cookies to improve your experience. Learn more in our Privacy policy.

×