Skip to content
Box model

height

Sets an element's content height. Percentage heights need a containing block with a definite height.

4,072 effects in the catalog use this property.

Syntax

height: <length> | <percentage> | auto | 100dvh;

Watch out

On mobile, `100vh` can jump as browser chrome appears and disappears. Use `100dvh` for full-screen sections that should follow the dynamic viewport.

Effects using height

These are working effects from the catalog. Open a tile to inspect the full source.