max-height

Support Key: [CSS2|CSS2.1] [N6|O4]
Other Dimension Properties
width
min-width
max-width
line-height
height
min-height
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   none
Applicable Elements:
All except inline non-replaced and table elements
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
CSS2: Sect. 10.7, CSS2.1: Sect 10.7
What is it?
This property allows a maximum height to be set for an element box. The calculation for the element's height may be less than this value, but if the calculated 'height' value is above this value it will recompute the 'height' using the 'max-height' value as the new '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.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS2|CSS2.1] [N6|O4]
Type: Explicit
Description:
No limit is placed on the maximum allowable height for the element.
[length]
[CSS2|CSS2.1] [N6|O4]
Type: Explicit
Description:
Refers to an absolute measurement for the maximum computed element box height. Negative values are not allowed.
[percentage]
[CSS2|CSS2.1] [N6|O4]
Type: Calculated
Description:
Refers to a percentage of the height of the containing element block. If a height is not explicitly given for the containing block, it should be treated like 'auto'.
Example
Ext/Doc: h5 { max-height: 150px }
In-Line:  <h5 STYLE="max-height: 150px">text</h5>
Browser Peculiarities

Boring Copyright Stuff....