Search within TutorialsPark

CSS min-height Property


To set the minimum height of an element


Definition and Notes.

1. The CSS min-height property is used to set the minimum height.It means that, the element's box may be taller than this value, but can't be any shorter.

2. If contents are are not tall as the min-height, the box shrinks to meet the min-height value.


Syntax:

CSS min-height property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-Its not mandatory to include both the minimum and maximum values.

Property Values

Value Description
none No value is defined. Its the default.
length To set the length in terms of px, cm, em etc.
percentage To set the value of min-height in terms of percentage of the containing block.
inherit The child element inherits the value of the parent element.

Specifications

Specs Value
Name min-height
Value <length> | <percentage> | none | inherit
Initial Value none
Applies to All elements expect inline nonreplaced elements and table elements
Javascript syntax object.style.minHeight="20px"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.