Styles are JavaScript expressions that evaluate to true or false for each data row in a view. When the expression evaluates to true, a CSS class is applied to the row. This allows applying conditional styling to data rows rendered on the pages.
Styles can be found on the Styles tab of a view properties page.
![Styles tab on the View page in the Project Browser. Styles tab on the View page in the Project Browser.](/blog/2012/08/working-with-styles-in-designer/image02.png)
A new style can be created by using the New | New Style action on the action bar.
![New Style action on the action bar of Styles tab in the Project Browser. New Style action on the action bar of Styles tab in the Project Browser.](/blog/2012/08/working-with-styles-in-designer/image04.png)
The properties for a style can be viewed by clicking on the Css Class link or using Open context menu option.
![Open context menu option on Styles tab of Project Browser. Open context menu option on Styles tab of Project Browser.](/blog/2012/08/working-with-styles-in-designer/image06.png)
Styles can be deleted using the Delete context menu option.
![Delete context menu option in the Project Browser. Delete context menu option in the Project Browser.](/blog/2012/08/working-with-styles-in-designer/image08.png)
Styles do not exist as nodes in the Project Explorer.