Overflow
The Telerik and Kendo UI Overflow Utilities are CSS utility classes that enable you to control the overflow behavior of an element.
| Utility Class | CSS Property |
|---|---|
.k-overflow-y-clip | overflow-y: clip; |
.k-overflow-auto | overflow: auto; |
.k-overflow-hidden | overflow: hidden; |
.k-overflow-visible | overflow: visible; |
.k-overflow-scroll | overflow: scroll; |
.k-overflow-clip | overflow: clip; |
.k-overflow-x-auto | overflow-x: auto; |
.k-overflow-x-hidden | overflow-x: hidden; |
.k-overflow-x-visible | overflow-x: visible; |
.k-overflow-x-scroll | overflow-x: scroll; |
.k-overflow-x-clip | overflow-x: clip; |
.k-overflow-y-auto | overflow-y: auto; |
.k-overflow-y-hidden | overflow-y: hidden; |
.k-overflow-y-visible | overflow-y: visible; |
.k-overflow-y-scroll | overflow-y: scroll; |
Visible Overflow
Use the k-overflow-visible utility to prevent the content of an element from being clipped when it overflows.
Hidden Overflow
Use the k-overflow-hidden utility to clip the content of an element when it overflows.
Horizontal Scrolling
Use the k-overflow-x utility to control the horizontal scrolling behavior of an element.
Vertical Scrolling
Use the k-overflow-y utility to control the vertical scrolling behavior of an element.
