Paragraph Dialog Box

The Paragraph dialog box enables you to define cascading style sheet (CSS) style attributes for aligning, indenting, and spacing paragraphs, or for changing the spacing between words. These attributes correspond to the Margin, Text-Indent, and Text-Align CSS properties. You can apply these attributes directly to HTML elements by using inline styles. Alternatively, you can add them to CSS style rules in an external style sheet or in an internal style block in the page.

NoteNote

Use the Direct Style Application toolbar to designate where the CSS style rules are saved. For example, if an existing style sheet already contains a rule for paragraph elements, you can use the Direct Style Application toolbar to add styles to that rule in the style sheet.

You can access the Paragraph dialog box by the following methods:

  • In Design view, in the Format menu, click Paragraph.

NoteNote

Inline style rules override style rules that are in a style element on the page or style rules that are in an external CSS file.

When you are working in Design view, you can use the Direct Style Application toolbar to determine where style information is created. By default, the toolbar saves new styles as inline styles if no style rule for a page element exists. If a style rule exists for a page element, the toolbar writes the new style to that style rule.

To save paragraph styles in an existing CSS file

  1. Open a Web site that has an existing style sheet or add a new style sheet to an existing Web site.

  2. Open the style sheet and create a paragraph style rule or use an existing style rule or class.

    For example, to create an empty paragraph style rule, type the following into the existing style sheet:

    p {}
    
  3. In Design view, select the paragraph or paragraphs to be formatted.

  4. In the Direct Style Application toolbar, in the Style Rule list, select p(<style sheet>).

  5. In the Format menu, click Paragraph... .

  6. In the Paragraph dialog box, select the settings that you want for the paragraph.

  7. Click OK.

Alignment

Sets the text-align attribute value for text that is formatted in the style. Select Left, Center, Right, or Justified. For example, if you select Left, the following CSS markup is inserted:

text-align:left

Indentation

Left side, Right side: Sets margin attributes that control the distance between the left or right side of the rectangular area that surrounds an element and other elements. You can enter a value and a unit of measure (px (default), pt, pc, mm, cm, in, em, ex, or %). For example, if you enter 50px for Left side, the following CSS markup is inserted:

margin-left: 50px;

NoteNote

Margin values can be either positive or negative.

Indent first line: Sets the text-indent attribute value for text that is formatted in the style. For example, if you type 5px in the number field, the following CSS markup is inserted:

text-indent:5px

Spacing

Before, After: Sets margin attributes that control the distance between the top or bottom of the rectangular area that surrounds an element and other elements. You can enter a value and a unit of measure (px (default), pt, pc, mm, cm, in, em, ex, or %). For example, if you enter 20px for Before, the following CSS markup is inserted:

margin-top: 20px;

NoteNote

Margin values can be either positive or negative.

Word: Sets the value for the distance between words in the paragraph. For example, if you enter 3px, the following CSS markup is inserted:

word-spacing: 3px;

Line spacing: Sets the value for vertical spacing between lines of text that is formatted in the style. Select Single, 1.5 lines, or Double. For example, if you select 1.5 lines, the following CSS markup is inserted:

line-height:150%;

Community Additions

ADD
Show: