CSS min-height Property


Example

Set the minimum height of a <p> element:

p {
    min-height: 100px;
}

Try it yourself »

Definition and Usage

The min-height property is used to set the minimum height of an element.

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

Note: The value of the min-height property overrides both max-height and height.

Default value: 0
Inherited: no
Animatable: yes, see individual properties. Read about animatable Try it
Version: CSS2
JavaScript syntax: object.style.minHeight="400px" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
min-height 1.0 7.0 3.0 2.0.2 4.0


CSS Syntax

min-height: length|initial|inherit;

Property Values

Value Description Play it
length Default value is 0. Defines the minimum height in px, cm, etc.  Play it »
% Defines the minimum height in percent of the containing block
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit


Related Pages

CSS tutorial: CSS Dimension

CSS reference: max-height property

HTML DOM reference: minHeight property



Color Picker

colorpicker