Height

Utilities for controlling the height of an element.

Class CSS Output
h-auto
height: auto;
h-full
height: 100%;
h-screen
height: 100vh;
h-0
height: calc(var(--spacing) * 0);
h-4
height: calc(var(--spacing) * 4);
h-8
height: calc(var(--spacing) * 8);
h-1/2
height: calc(1/2 * 100%);
h-1/3
height: calc(1/3 * 100%);
h-[100px]
height: 100px;

h-auto

height: auto;

h-full

height: 100%;

h-screen

height: 100vh;

h-0

height: calc(var(--spacing) * 0);

h-4

height: calc(var(--spacing) * 4);

h-8

height: calc(var(--spacing) * 8);

h-1/2

height: calc(1/2 * 100%);

h-1/3

height: calc(1/3 * 100%);

h-[100px]

height: 100px;

Reference

height MDN ↗

CSS Properties

  • height