Skip to main content

CSS min-height

It set the minimum-height of the element's content box. It means that the height of the content box can be greater than the min-height value, but cannot be shorter.

It sets the lower bound on the element's height.

It will be applied when the content is smaller than the minimum height; otherwise, if the content is larger, this property has no effect. This property ensures that the value of height property cannot be less than the value of the min-height property. It does not allow negative values.

Syntax​

min-height: none | length | initial | inherit;

The values of this CSS property are defined as follows:

  • none: It is the default value that does not limit the size of the content box.
  • length: This value defines the min-height in px, cm, pt, etc. Its default value is 0.
  • initial: It sets the property to its default value.
  • inherit: It inherits the property from its parent element.

Table of Contents