2.1.67 [CSS-Level2-2009] Section 10.7, Minimum and maximum heights: 'min-height' and 'max-height'

  • Article

V0088:

The specification states:

 <percentage>
  
 Specifies a percentage for determining the used value. The percentage is calculated 
 with respect to the height of the generated box's containing block. If the height 
 of the containing block is not specified explicitly (i.e., it depends on content 
 height), and this element is not absolutely positioned, the percentage value is 
 treated as '0' (for 'min-height') or 'none' (for 'max-height').

Quirks Mode (All Versions)

The min-height property is not supported.

V0089:

The specification states:

 It is sometimes useful to constrain the height of elements to a certain range. Two 
 properties offer this functionality: 
  
 'min-height' 
 Value:                 <length> | <percentage> | inherit  
 Initial:               0
 Applies to:            all elements but non-replaced inline elements, table columns, and    column groups
 Inherited:             no
 Percentages:           see prose
 Media:                 visual
 Computed value:        the percentage as specified or the absolute length
  
 'max-height' 
 Value:                 <length> | <percentage> | none | inherit  
 Initial:               0
 Applies to:            all elements but non-replaced inline elements, table columns, and     column groups
 Inherited:             no
 Percentages:           see prose
 Media:                 visual
 Computed value:        the percentage as specified or the absolute length

Quirks Mode (All Versions)

The min-height and max-height properties are not supported.

IE7 Mode (All Versions)

The inherit value of the max-height and min-height properties is not supported.

IE8 Mode (All Versions)

The max-height property is ignored when position is absolute. Only the value of the height property is used in the calculation and not the max-height.

V0237:

The specification states:

 The following algorithm describes how the two properties influence the used value 
 of the 'height' property:
  
 The tentative used height is calculated (without 'min-height' and 'max-height') 
 following the rules under "Calculating heights and margins" above.
  
 If this tentative height is greater than 'max-height', the rules above are applied 
 again, but this time using the value of 'max-height' as the computed value for 
 'height'.
  
 If the resulting height is smaller than 'min-height', the rules above are applied 
 again, but this time using the value of 'min-height' as the computed value for 
 'height'. These steps do not affect the real computed values of the above 
 properties. The change of used 'height' has no effect on margin collapsing except 
 as specifically required by rules for 'min-height' or 'max-height' in "Collapsing 
 margins" (8.3.1).

Quirks Mode (All Versions)

The max-height and min-height properties are not supported.

IE7 Mode (All Versions)

The min-height property is not supported for the following elements:

  • table-row-group

  • table-header-group

  • table-footer-group

  • table-row

  • table

  • inline-table

The max-height property is not supported for the following elements:

  • table-column-group

  • table-column

  • table

  • inline-table

IE8 Mode and IE9 Mode (All Versions)

The max-height property is not supported for the following elements:

  • table-row-group

  • table-header-group

  • table-footer-group

  • table-row

  • table-cell