Box Properties Height

Box Properties

Top Margin
Right Margin
Bottom Margin
Left Margin
Margin
Top Padding
Right Padding
Bottom Padding
Left Padding
Padding
Top Border Width
Right Border Width
Bottom Border Width
Left Border Width
Border Width
Border Color

Border Style
Top Border
Right Border
Bottom Border
Left Border
Border
Width
Height
Float
Clear

Appearance:

height: <value>

Possible Values:

<length> | auto

Initial Value:

auto

Applies to:

Block-level and replaced elements

Inherited:

No

Each block-level or replaced element can be given a height, specified as a length or as auto. (A replaced element is one for which only the intrinsic dimensions are known; HTML replaced elements include IMG, INPUT, TEXTAREA, SELECT, and OBJECT.) The initial value for the height property is auto, which results in the element's intrinsic height (i.e., the height of the element itself, for example the height of an image). Negative lengths are not allowed.

As with the width property, height can be used to scale an image:

IMG.foo { width: 40px; height: 40px }

In most cases, authors are advised to scale the image in an image editing program, since browsers will not likely scale images with high quality, and since scaling down causes the user to download an unnecessarily large file. However, scaling through the width and height properties is a useful option for user-defined style sheets in order to overcome vision problems.