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>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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; }