Z index

Syntax

Class
Properties
z-{value}
z-index: {value};

Parameters

value
<integer>
value
auto
<div class="t1 w-176 h-160 relative color-white"> <div class="t1 z-auto w-128 h-128 px-4 bg-c-green shadow-4 absolute top-0 left-0">z-auto</div> <div class="t1 z-auto w-128 h-128 px-4 bg-c-blue shadow-4 absolute top-32 left-32 flex flex-end-end">z-auto</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 z-index to 1.
t1 z-1
.t1.z-1 { z-index: 1; }
Set z-index to auto.
t1 z-auto
.t1.z-auto { z-index: auto; }