# Custom Styles

## Content



List enables you to style the control using custom styles. Let us explore how to style the list and its content using the custom styles.

## Create Custom Style

For applying custom styles, you need to create a custom style as an object of the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/docs/win/online-list/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-list/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="Style" data-popup-theme="ui-tooltip-green qtip-green">Style</span> class and add it to the Styles collection using the **Add** method. Then, define its properties and apply it to a row, column or cell range whenever required. This approach is very useful when you need to repeatedly use a particular style.

![](https://cdn.mescius.io/document-site-files/images/1e4aa2c8-7f81-4e43-8ed4-f673f1e68381/images/customstyle.png)

Use the following code to create re-usable custom styles for the List control.

```csharp
//define a custom style
Style customStyle = new Style();
customStyle.BackColor = Color.Yellow;
customStyle.ForeColor = Color.Blue;
//Add custom style to style collection 
c1List1.Styles.Add(customStyle);
//assign custom style
c1List1.Splits[0].DisplayColumns[2].Style = customStyle;
c1List1.Splits[0].DisplayColumns[4].Style = customStyle;
```