MonorailCss

Max Height

Utilities for controlling the maximum height of an element.

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

max-h-auto

max-height: auto;

max-h-full

max-height: 100%;

max-h-screen

max-height: 100vh;

max-h-0

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

max-h-4

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

max-h-8

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

max-h-1/2

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

max-h-1/3

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

max-h-[100px]

max-height: 100px;

Reference

max-height MDN ↗

CSS Properties

  • max-height