Min height

Syntax

Class
Properties
min-h-{value}
min-height: {value};
min-h-min
min-height: min-content;
min-h-max
min-height: max-content;
min-h-full
min-height: 100%;
min-h-auto
min-height: auto;

Parameters

value
<length-percentage unsigned default-unit=1px>
<div class="t1 w-256 p-16 bg-c-white shadow-4 min-h-128"> Lorem ipsum dolorsitamet. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Set minimum height to 1px without specifying the px unit.
t1 min-h-1
.t1.min-h-1 { min-height: 1px; }
Set minimum height to 1px with specifying the px unit.
t1 min-h-1px
.t1.min-h-1px { min-height: 1px; }
Set minimum height to 50% of its container.
t1 min-h-50%
.t1.min-h-50\% { min-height: 50%; }
Set minimum height to 100% of its container using the alias `full`.
t1 min-h-full
.t1.min-h-full { min-height: 100%; }
Set minimum height to auto.
t1 min-h-auto
.t1.min-h-auto { min-height: auto; }
Set minimum height to min-content.
t1 min-h-min
.t1.min-h-min { min-height: min-content; }
Set minimum height to max-content.
t1 min-h-max
.t1.min-h-max { min-height: max-content; }