CSS min-height Property

CSS Reference Complete CSS Reference

Example

Set the minimum height of a paragraph:

p.ex
{
min-height:100px;
}

Try it yourself »

Definition and Usage

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

Note: The min-height property does not include padding, borders, or margins!

Default value: 0
Inherited: no
Version: CSS2
JavaScript syntax: object.style.minHeight="10px"


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The min-height property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".


Property Values

Value Description
length Defines the minimum height in px, cm, etc. 
% Defines the minimum height in percent of the containing block
inherit Specifies that the value of the min-height property should be inherited from the parent element


Related Pages

CSS tutorial: CSS Dimension

CSS reference: max-height property

HTML DOM reference: minHeight property


CSS Reference Complete CSS Reference