1
edit
Changes
→Legal Values
== Summary ==
== Syntax ==
<pre>
Ext/Doc: element { height: value; }
In-Line: <img STYLE="height: value;" SRC="image.jpg">
</pre>
== Legal Values ==
'''inherit'''
* Explicitly sets the value of this property to that of the parent.
'''auto'''
* The height is determinant on the values of other properties.
'''length'''
* Refers to an absolute measurement for the computed element box height. Negative values are not allowed.
'''percentage'''
* 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'.
== Mozilla Recommended Values ==
<pre>
Ext/Doc: img.class1 { height: 75px; width: 75px }In-Line: <img STYLE="height: 75px; width: 75px" SRC="image.jpg">
</pre>
* CSS2 states that the vertical dimensions for absolutely positioned elements should be equal to the sum of the values of these properties for the element: 'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom'
* [http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height CSS 2]
* [http://www.w3.org/TR/CSS21/visudet.html#the-height-property CSS 2.1]
== Browser Compatibility ==
== See Also ==
* [http://www.blooberry.com/indexdot/css/properties/dimension/height.htm Blooberry Height Property]