Background

Background Clip

The Telerik and Kendo UI Background Clip Utilities are CSS classes that enable you to control the bounding box of an element's background.

Utility ClassCSS Property
.k-bg-clip-borderbackground-clip: border-box;
.k-bg-clip-paddingbackground-clip: padding-box;
.k-bg-clip-contentbackground-clip: content-box;
.k-bg-clip-textbackground-clip: text;

Applying a Border Clip

Use the k-bg-clip-border utility to apply a border clip.

Applying a Padding Clip

Use the k-bg-clip-padding utility to apply a padding clip.

Applying a Content Clip

Use the k-bg-clip-content utility to apply a content clip.

Applying a Text Clip

Use the k-bg-clip-text utility to apply a text clip.