height

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



   Quick Statistics   
Default Value:
   auto
Applicable Elements:
All except inline non-replaced elements, table columns, and table column groups
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
HEIGHT attribute used in tables and replaced elements.
Official Docs:
CSS1: Sect. 5.5.24
CSS2: Sect. 10.5, CSS2.1: Sect 10.5
What is it?
This property specifies the height of an element's rendering box for block-level and replaced elements (for other types of elements, height calculations are taken from their inherited or assigned 'line-height' value.)

If an element's computed height is greater than that specified by the 'height' property, the content will overflow the rendering box according to the 'overflow' property. Negative values for the 'height' property are not allowed.

In addition to the 'height' property, two other properties - 'min-height' and 'max-height' - place constraints on the allowed value for an element's rendering box height. The 'height' value is first computed without consideration for these other two properties. If the computed value is greater than the 'max-height' value or less than the 'min-height' value, the height is re-calculated using the 'max-height' or 'min-height' as the new 'height' value.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
auto
[CSS1|CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
The height is determinant on the values of other properties.
[length]
[CSS1|CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Refers to an absolute measurement for the computed element box height. Negative values are not allowed.
[percentage]
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
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: img.class1 { height: 75px; width: 75px }
In-Line:  <img STYLE="height: 75px; width: 75px" SRC="image.jpg">
Notes Browser Peculiarities

Boring Copyright Stuff....