CSS GUIDE MIN-HEIGHT

Summary

This property allows a minimum height to be set for an element box. The calculation for the element's height may be greater than this value, but if the value falls below this value it will recompute the height based on the min-height value. If the value of min-height is greater than the value of max-height, the max-height property value becomes the min-height value. If the calculated value for the 'height' property is less than the min-height value, the calculations are done again using the min-height value as the value for the 'height' property.

Syntax

h5  { min-height: length | percentage }

Legal Values

length

• Refers to an absolute measurement for the minimum computed element box height. Negative values are not allowed.

percentage

• Refers to a percentage of height of the containing element block. If a height is not explicitly given for the containing block, it should be treated like 'auto'.

Usage Examples

Ext/Doc: h5  { min-height: 100px }
In-Line:  <h5 STYLE="min-height: 100px">text</h5>

Browser Compatibility

• Internet Explorer's online reference says that for IE6, this property only applies to TD, TH and TR elements in tables that have the 'table-layout' property set to "fixed".