Background Position

The Telerik and Kendo UI Background Utilities enable you to change the background settings of an element.

On this page

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

Utility Class	CSS Property
`.k-bg-bottom-right`	`background-position: bottom right;`
`.k-bg-center`	`background-position: center;`
`.k-bg-top`	`background-position: top;`
`.k-bg-right`	`background-position: right;`
`.k-bg-bottom`	`background-position: bottom;`
`.k-bg-left`	`background-position: left;`
`.k-bg-top-left`	`background-position: top left;`
`.k-bg-top-right`	`background-position: top right;`
`.k-bg-bottom-left`	`background-position: bottom left;`

Use the k-bg-{position} utility to apply a border size.