Formatting toolbar

  • Article

The Formatting toolbar provides many of the most common options for formatting selected text, such as font, font size, font weight, alignment, and color. The Font and Font Size boxes show the font and size of the current text including values that are set by a cascading style sheet (CSS).

In addition, you can use the Formatting toolbar to insert a horizontal line by clicking the arrow on Outside Borders Cc295311.21816433-8142-4826-b719-3df717455e56(en-us,Expression.40).png and selecting Horizontal Line Cc295311.00277a37-a468-4996-a633-50e34edfb921(en-us,Expression.40).png.

To show or hide the Formatting toolbar

  • On the View menu, point to Toolbars, and then click Formatting.

UI element list

Element Definition

Manage Styles button 

Cc295311.57a9de46-a787-43a8-afbe-4b1504553d19(en-us,Expression.40).png

Displays the Manage Styles panel for working with styles in your CSS. For more information, see Manage Styles panel.

Style box

Shows the HTML formatting style that is used by the current selection and enables you to set the style.

Bold button Cc295311.68cc25ea-8ea3-4b18-bc3f-b3a655bb92c3(en-us,Expression.40).png

By default, uses a set of strong tags (<strong></strong>) to format text. You can set an option in the Page Editor Options dialog box to make this button use the bold tags (<b></b>) instead. For more information, see Format the bold and italic buttons.

Italic button Cc295311.14988f4c-4d23-4078-ae62-a396b9955c37(en-us,Expression.40).png

By default, uses a set of emphasis tags (<em></em>) to format text. You can set an option in the Page Editor Options dialog box to make this button use the italic tags (<i></i>) instead. For more information, see Format the bold and italic buttons.

Increase Font Size button Cc295311.a039a4a7-4ec9-4f6e-b8ab-9f9ed6bcad8b(en-us,Expression.40).png

Increase the current font size by one increment, according to the increments listed in the Font Size box in the Formatting toolbar, up to maximum of xx-large (36 points).

Decrease Font Size button Cc295311.b1a0e56e-0c19-4a64-b918-fc854b1321dd(en-us,Expression.40).png

Decrease the current font size by one increment, according to the increments listed in the Font Size box in the Formatting toolbar, down to a minimum of xx-small (8 points).

Increase Indent Position button Cc295311.fdfcb740-0fa5-402d-8581-5ce6e11119ee(en-us,Expression.40).png

Increase the indent before the current paragraph. For more information, see Indent or add margins to text.

Decrease Indent Position button Cc295311.a897951e-1c72-4b03-9e82-c8fc6ce347fe(en-us,Expression.40).png

Decrease the indent before the current paragraph. For more information, see Indent or add margins to text.

Outside Borders button Cc295311.21816433-8142-4826-b719-3df717455e56(en-us,Expression.40).png

Adds a preset border. Click the arrow on the button to apply the border to particular sides of your item or to insert a horizontal line. If you want to add a custom border, use the Borders and Shading dialog box. For more information, see Set border, padding, and background properties.

See also

Tasks

Format the bold and italic buttons
Set the appearance of text
Indent or add margins to text
Aligning text
Apply a font to text
Set border, padding, and background properties

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