Layout

Z Index

Style syntax for set the z-order of a positioned element.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
z-index:value / z:valuez-index: value

Use z-index:value to order of overlapping eleemnts. Value is an integer that can be positive, negative or zero.

1
2
3
4
5
<div class="z:9">1</div>
<div class="z:3">2</div>
<div class="z:1">3</div>
<div class="z:-1">4</div>
<div class="z:-9">5</div>

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="z-index:1:hover z-index:1@sm z-index:1@dark z-index:1@print"></div>
PREVIOUS
Position

Style syntax for setting an element is positioned in a document.

NEXT
List Style

Style syntax for setting all the list style properties at once.

MIT License © Aoyue Design LLC.