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
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 |
Open the New Style dialog box. For more information, see New Style and Modify Style dialog boxes. |
Attach Style Sheet button |
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. |
.png "Cc295508.286f6ccb-09db-4cdc-90ec-b7cb537b4121(en-us,Expression.40).png")
.png "Cc295508.a40f1885-c7af-4a22-a9b8-a92edb640a23(en-us,Expression.40).png")
See also
Tasks
Apply a style
Attach or detach an external cascading style sheet
Concepts
Cascading style sheet reference
Working with styles
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.