---
title: "z index · RUAL Documentation"
description: "sets the z-order of a positioned element and its descendants or flex items."
canonical: https://docs.rual.nl/block-types/styling/uistyle_zindex
language: en
---

# z index

This block is part of the [`styling`](https://docs.rual.nl/block-types/styling) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

sets the z-order of a positioned element and its descendants or flex items.

- zindex required `value`

- uistyle `uistyle`

A typical wiring for [z index](https://docs.rual.nl/block-types/styling/uistyle_zindex): the `uistyle` out pin feeds [regular card](https://docs.rual.nl/block-types/state%20ui/state_card).

![Studio canvas example for the z index block: typical wiring for z index.](https://docs.rual.nl/canvas-examples/uistyle_zindex.png)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).