height

Sets the height of an element. It defines the vertical space an element occupies.

It is documented as part of the CSS Box Sizing specification.

/* Usage Example */
.hero-section {
  height: 100vh;
  /* fills the entire viewport height */
}

/* Syntax */
height: auto;
height: length-percentage;
height: min-content;
height: max-content;
height: fit-content;
height: calc-size;
height: anchor-size;

/* Global values */
height: inherit;
height: initial;
height: revert;
height: revert-layer;
height: unset;
Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

1+
1+
1+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC