---
title: Resize
position: 6
seo_title: Telerik and Kendo UI Resize Utilities
seo_description: Use the Telerik and Kendo UI Resize utilities to control the
  resizing behavior of an element.
---
## Resize

The Telerik and Kendo UI Resize Utilities are CSS utility classes that enable you to change the resizing behavior of an element.

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

### All Directions

Use the `k-resize` utility to enable element resizing in both vertical and horizontal directions.

<LiveDemo data='{"links":[],"height":200,"demo":"utils/interactivity/resize/all-directions","codePreviewSettings":{"filterSelector":"textarea"}}'></LiveDemo>

### No Resizing

Use the `k-resize-none` utility to disable the resizing of an element.

<LiveDemo data='{"links":[],"height":200,"demo":"utils/interactivity/resize/no-resizing","codePreviewSettings":{"filterSelector":"textarea"}}'></LiveDemo>

### Horizontal

Use the `k-resize-x` utility to enable element resizing in a horizontal direction.

<LiveDemo data='{"links":[],"height":200,"demo":"utils/interactivity/resize/horizontal","codePreviewSettings":{"filterSelector":"textarea"}}'></LiveDemo>

### Vertical

Use the `k-resize-y` utility to enable element resizing in a vertical direction.

<LiveDemo data='{"links":[],"height":202,"demo":"utils/interactivity/resize/vertical","codePreviewSettings":{"filterSelector":"textarea"}}'></LiveDemo>