Style toolbar

The Style toolbar enables you to apply existing class or ID selectors, name new undefined classes or IDs, and remove a class or ID selector from content.

The drop-down boxes in the Style toolbar list all class and ID selectors that are contained in the internal cascading style sheets (CSS) and linked or imported external CSS of the current web page. You can apply a style to the current selection in your web page by selecting the style from the drop-down boxes in the toolbar. If the current selection in your web page uses a class or ID selector, the style appears in the associated box, otherwise the box appears blank.

tip noteTip

The Apply Styles panel provides all of the functionality of the Style toolbar and more. The Apply Styles panel provides you with a visual representation of your style and shows you which styles are applied in the page and which are applied to the current selection. For more information, see Apply Styles panel.

Style toolbar buttons

Use this To do this

Class box

Apply a class to content, remove a class from content, or name and apply a new undefined class.

ID box

Apply a new or existing ID to the current selection, or remove an ID from content.

New Style button Cc295508.286f6ccb-09db-4cdc-90ec-b7cb537b4121(en-us,Expression.40).png

Open the New Style dialog box. For more information, see New Style and Modify Style dialog boxes.

Attach Style Sheet button Cc295508.a40f1885-c7af-4a22-a9b8-a92edb640a23(en-us,Expression.40).png

Open the Attach Style Sheet dialog box, which enables you to link to or import an external CSS to the current web page or all pages in the current site.

See also

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions