CSS min-height Property


The min-height property in CSS is used to set the minimum height of an element. The min-height property is used when the content of element is smaller then the min-height and if the content is larger then the min-height then it has no effect. This property ensures that the value of the height property is not less than the specified min-height value of the element in consideration.

The min-height property defines the minimum height of an element.

If the content is smaller than the minimum height, the minimum height will be applied.

If the content is larger than the minimum height, the min-height property has no effect.

Note: This prevents the value of the height property from becoming smaller than min-height.

CSS Syntax

min-height: length|initial|inherit;

Supported Browsers: The browser supported by property are listed below:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • IE Phone
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example -