Document! X & HelpStudio Bundle 2022.1
Design the Content / Stylesheet Editor
In This Topic
    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.

    Create a new Style

    1. Open the Stylesheet Editor by double clicking on the CSS file in the Project Explorer or by selecting the Edit context menu option.
    2. Click on the Add a new Style rule toolbar button.
    3. Enter a name for the new Style Rule.

      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.
    4. Select OK button.

    Edit 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.

    Delete 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.

    Validate a Stylesheet

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

    Any errors or warnings found are highlighted with an error  or warning   icon in the Source view margin next to the relevant line. An error or warning icon is also 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 appear as a green icon .

    See Also