Height

Syntax

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

Parameters

value
<length-percentage unsigned default-unit=1px>
<div class="t1 w-256 p-16 bg-c-white shadow-4 h-auto"> 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 height to 1px without specifying the px unit.
t1 h-1
.t1.h-1 { height: 1px; }
Set height to 1px with specifying the px unit.
t1 h-1px
.t1.h-1px { height: 1px; }
Set height to 50% of its container.
t1 h-50%
.t1.h-50\% { height: 50%; }
Set height to auto.
t1 h-auto
.t1.h-auto { height: auto; }
Set height to 100% of its container using the alias `full`.
t1 h-full
.t1.h-full { height: 100%; }
Set height to min-content.
t1 h-min
.t1.h-min { height: min-content; }
Set height to max-content.
t1 h-max
.t1.h-max { height: max-content; }