Placement
The Telerik and Kendo UI Placement Utilities are CSS utility classes that enable you to control the placement of positioned elements.
| Utility Class | CSS Property |
|---|---|
.k-inset-y-0 | inset-block: 0; |
.k-top-0 | top: 0; |
.k-right-0 | right: 0; |
.k-bottom-0 | bottom: 0; |
.k-left-0 | left: 0; |
.k-pos-top-0 | top: 0; |
.k-pos-right-0 | right: 0; |
.k-pos-bottom-0 | bottom: 0; |
.k-pos-left-0 | left: 0; |
.k-top-left-0 | top: 0; left: 0; |
.k-top-right-0 | top: 0; right: 0; |
.k-bottom-left-0 | bottom: 0; left: 0; |
.k-bottom-right-0 | bottom: 0; right: 0; |
.k-inset-0 | inset: 0; |
.k-inset-x-0 | inset-inline: 0; |
Top/Right/Bottom/Left
Use the k-{placement}-0 utility to set vertical and horizontal placement to a positioned element.
Multiple Directions
Use the k-top-left-0, k-top-right-0, k-bottom-left-0, and k-bottom-right-0 utilities to define a multi-directional placement of a positioned element.
