max-height, min-heightNN 6 IE (see text) CSS 2

Inherited: No

These attributes let you establish a maximum and/or minimum height for an element. You can bracket the permissible height of an element regardless of the height caused by the natural flow of the content.

When you set the max-height attribute of an element that has content that may extend beyond that maximum, you should also set the overflow style attribute to hidden so that excess content is cropped. Failure to do so causes the overflowing content to bleed into the succeeding elements' content. Netscape 6 supports both attributes for block-level and positioned elements.

Internet Explorer 6 for Windows supports only the min-height attribute, and is limited to td, th, and tr elements inside a table with its table-layout style attribute is set to fixed. This conflicts with the CSS2 specification, which explicitly excludes table-related elements from being influenced by these attributes. As such, min-height settings you make for td, th, or tr elements in IE 6 do not affect Netscape 6. IE 5 for Macintosh supports neither attribute.

 
CSS Syntax
 
max-height: length | percentage | none
min-height: length | percentage | none
 
Value

See the discussion of length values at the beginning of the chapter. The value may also be a percentage that is calculated relative to the element's container. A value of none removes all constraints, allowing the content to flow naturally.

 
Initial Value

none (max-width); none (min-width).

 
Applies To

See text.

 
Object Model Reference
 
[window.]document.getElementById("elementID").style.minHeight
[window.]document.getElementById("elementID").style.maxHeight