---
title: Outline Offset
position: 8
seo_title: Telerik and Kendo UI Outline Offset Utilities
seo_description: Use the Telerik and Kendo UI Outline Offset utilities to change
  the outline offset of an element by using a set of predefined classes.
---
## Outline Offset

The Telerik and Kendo UI Outline Offset Utilities are a collection of CSS classes that enable you to control the outline offset of an element.

<CSSRulesList data='{"id":"outline-offset"}'></CSSRulesList>

### Applying an Outline Offset

Use the `k-outline-offset`, `k-outline-offset-2`, `k-outline-offset-4`, and `k-outline-offset-8`  to apply different outline offset to an element.

<LiveDemo data='{"links":[],"demo":"utils/borders/outline-offset/all-sides","height":200,"codePreviewSettings":{"filterSelector":".k-outline-primary","ignoreClassNames":"k-w-20 k-h-20"}}'></LiveDemo>