---
title: Outline Style
position: 7
seo_title: Telerik and Kendo UI Outline Style Utilities
seo_description: Use the Telerik and Kendo UI Outline Color Utilities to change
  the outline style of an element by using a set of predefined classes.
---
## Outline Style

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

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

### Applying an Outline Style

Use the `k-outline-{style}` to apply different outline styles to an element.

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