# Styling

The FloatingLabel component allows you to set custom CSS styles and classes on the actual label element by utilizing its [`labelCssClass`](https://www.telerik.com/kendo-angular-ui-develop/components/labels/api/floatinglabelcomponent#labelcssclass) and [`labelCssStyle`](https://www.telerik.com/kendo-angular-ui-develop/components/labels/api/floatinglabelcomponent#labelcssstyle) properties.

These properties support the type of values that are supported by the [`ngClass`](https://angular.dev/api/common/NgClass) and [`ngStyle`](https://angular.dev/api/common/NgStyle#) directives.

The following example demonstrates how to set custom CSS styles and classes to the FloatingLabel.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/labels/floatinglabel/styling/source.txt)

## Suggested Links

* [API Reference of the FloatingLabel](https://www.telerik.com/kendo-angular-ui-develop/components/labels/api/floatinglabelcomponent)
