# Built-in Styles

## Content

List provides various in-built styling options to help you style the control. The following sections discuss how you can use these options.

## Visual Styles

List provides six built-in visual styles so that you can easily customize the appearance of the control based on any of the Microsoft Office 2007 and 2010 themes. These visual styles can be accessed through [VisualStyle](/componentone/docs/win/online-list/) property 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="C1List" data-popup-theme="ui-tooltip-green qtip-green">C1List</span> class. Apart from MS Office based visual styles, you can also set the **VisualStyle** property to **Custom** or **System**. When set to Custom, List does not apply any visual styles and uses the list properties for rendering. When set to System, the list renders its appearance based on current system settings.

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

You can set the visual style using designer as well as through code. To set the visual style at design time, click smart tag icon (![](https://cdn.mescius.io/document-site-files/images/1e4aa2c8-7f81-4e43-8ed4-f673f1e68381/images/smart-tag.png)) to open the **C1List Tasks** smart tag panel and select a visual style from the **VisualStyle** combobox.

To apply a visual style, say Office2007Black, to List through code, use the following code.

```csharp
c1List1.VisualStyle = C1.Win.C1List.VisualStyle.Office2007Black;
```

## Styles Collection

List provides built-in collection of styles for predefined cell types and states such as selected cells, caption cells, inactive cells and, so on. You can use these built-in styles at design time as well as through code. In design view, you can access these styles through the **Style Collection Editor**. For more information, see [Style Collection Editor](/componentone/docs/win/online-list/designtimesupport/collectioneditors#style-collection-editor).

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

Following code shows how to set background and foreground color using [Styles](/componentone/api/win/online-list/dotnet-api/C1.Win.List.10/C1.Win.List.Styles.html) collection of the List control.

```csharp
c1List1.Styles["Normal"].BackColor = Color.Lavender;
c1List1.Styles["Selected"].BackColor = Color.MediumPurple;
c1List1.Styles["Selected"].ForeColor = Color.Black;
```

## See Also

[Custom Styles](/componentone/docs/win/online-list/stylingandappearance/customstyles)