height

Table of contents

  1. 1. Summary
  2. 2. Syntax
    1. 2.1. Values
  3. 3. Examples
    1. 3.1. Notes
  4. 4. Specifications
  5. 5. Browser compatibility
  6. 6. See also
Page Notifications Off

« CSS « CSS Reference

Summary

The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

Syntax

height:  <length> | <percentage> | auto | inherit

Values

<length>
See <length> for possible units.
<percentage>
The <percentage> is calculated with respect to the height of the containing block. If the height of the containing block is not specified explicitly, the value computes to auto. A percentage height on the root element (e.g. <html>) is relative to the viewport.
auto
The browser will calculate and select a height for the specified element.

Examples

View the live example 

table { height: 100%; }

img { height: 200px; }

form { height: auto; }

/* make sure percentage height of body's children works as expected */
html, body { margin: 0; height: 100%; }

Notes

The min-height and max-height properties override height .

Specifications

Browser compatibility

  • Desktop
  • Mobile

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

Tags (2)

Edit tags

Attachments (0)

 

Attach file