MonorailCss

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