---
title: Z-Index
position: 13
seo_title: Telerik and Kendo UI Z-Index Utilities
seo_description: The Telerik and Kendo UI Z-Index utilities enable you to
  control the stack order of elements.
---
## Z-Index

The Telerik and Kendo UI Z-Index Utilities are CSS utility classes that enable you to control the stack order of elements.

<CSSRulesList data='{"id":"zindex"}'></CSSRulesList>

### Applying

Use the `k-z-{value}` utility to apply a stack order to an element.

<LiveDemo data='{"links":[],"demo":"utils/layout/z-index/applying","height":200,"codePreviewSettings":{"ignoreClassNames":"k-bg-primary k-border-solid k-border-white k-d-flex k-justify-content-center k-align-items-center k-h-12 k-w-12"}}'></LiveDemo>