---
title: Outline Width
position: 5
seo_title: Telerik and Kendo Outline Width Utilities
seo_description: The Telerik and Kendo UI Outline Width utilities enable you to
  change the outline width of an element by using a set of predefined classes.
---
## Outline Width

The outline width utilities are a collection of classes that enable you to control the outline width of an element.

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

### Applying an Outline Width

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

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