Bottom

Syntax

Class
Properties
bottom-{value}
bottom: {value};

Parameters

value
<length-percentage default-unit=1px>
value
auto
<div class="t1 w-160 h-160 relative bg-c-white shadow-4"> <div class="t1 w-32 h-32 bg-c-blue absolute bottom-0"></div> </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Set bottom to 1px without specifying the px unit.
t1 bottom-1
.t1.bottom-1 { bottom: 1px; }
Set bottom to 1px with specifying the px unit.
t1 bottom-1px
.t1.bottom-1px { bottom: 1px; }
Set bottom to 50% of its container.
t1 bottom-50%
.t1.bottom-50\% { bottom: 50%; }
Set bottom to auto.
t1 bottom-auto
.t1.bottom-auto { bottom: auto; }