Stylesheet Editor

In This Topic

The Stylesheet Editor can be used to create, edit or remove Style Rules contained in CSS files and validate a Stylesheet against the CSS 2.1 specification.

Show All

Hide All

Creating a new Style

Open the Stylesheet Editor by double clicking on the CSS file in the Project Explorer or by selecting the Edit context menu option.
Click on the New Style toolbar button.
Enter a name for the new Style Rule, click the Create button.

The New Style dialog allows you to create a Style of the following types:

Named: A named style that can be applied to multiple HTML elements.
Element: A style that is applied automatically to all HTML elements of the type selected.
ID: A style that will be applied to a single HTML element with a matching id attribute.

Editing an existing Style

Select the Style in the Style tree and edit its properties in the visual Style Editor

You can change the type of captions that are displayed in the visual Style Editor on the Style Editing page in the Options window.

- or -

Edit the Style's CSS directly in the CSS source

Deleting an existing Style

Select the Style in the Style tree and click the Delete toolbar button.

- or -

Delete the Style's CSS directly from the CSS source

Validating a Stylesheet

Click the Validate Stylesheet toolbar button
After validation completes the Validation Status (in the status bar at the bottom of the Stylesheet Editor) will be updated.

Any errors or warnings found will be highlighted with an error or warning icon in the Source view margin next to the relevant line. An error or warning icon will also be displayed next to the Style in the Style tree.

You can mouse over these icons to display information on the error or warning, they can also be clicked to be marked as "edited" and will appear as a green icon .

An active internet connection is required to validate a Stylesheet.