Summary

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

Syntax

max-height:  <length> | <percentage> | none | inherit

Values

<length>

A fixed maximum height. See <length> for possible units.

<percentage>

The <percentage> is calculated with respect to the height of the containing block. If the height of the containing block is not specified explicitly, the percentage value is treated as none.

none

No limit on the height of the box.

Examples

View Live Examples (not available, please check later)

table { max-height: 75%; }

form { max-height: none; }

Notes

max-height overrides height, but min-height overrides max-height .

Specifications

• CSS 2.1 #min-max-heights