Style sheets open in the Style Editor. The Style Editor contains the tools to create new styles or edit existing ones and the Style Inspector for viewing the source of the formatting for a style. See Work with the Style Inspector for more information about using this toolpane.
You add new styles to a style sheet using the Add Style list, which includes all the style elements that can be added to the style sheet. The first time you add a style for an element, it is created as the default style (except for Text element styles). As you add additional styles of the same element, you can select which style is the default. It is important to consider which style you assign as the default for an element because the Web Page Editor uses the default style when you initially add that element to a web page.
The Add Styles list includes the following compound and element styles. Compound styles, such as Table and List, cover several elements.
List: Format for a bulleted or numbered list. You can create a separate format for each list level.
Table: Format for a table and its elements.
Text: Character style that applies formatting attributes to a text selection. Character formatting includes font, font size and color, bold, italics, underline, and so on. Text styles do not include paragraph formatting attributes.
Address: Italic format commonly used for contact information for the author of the document. The style applies to the entire paragraph.
Block Quote: Left and right indented paragraph format commonly used for quoting text from another source. The style apples to the entire paragraph.
Document Body: Defines the body of the document by controlling its overall appearance.
Heading 1 - Heading 6: Formats for a hierarchy of text headings. Heading styles use the Document font, but adjust the size for each level by using a percentage of Document font size.
Horizontal Line: Lines used to divide sections of a document.
Image: Formatting for images inserted into web pages.
Link: Formatting for the link text in a document that opens a target destination such as another web page or URL.
Paragraph: Defines the font, alignment, and spacing for paragraphs.
Preformatted: Commonly used for including sections of ASCII text. The style applies a fixed width font that preserves the spaces and line breaks. The font size is inherited from the Document font. The style applies to the entire paragraph, however, the paragraph text in a Preformatted style does not wrap.
Note: See Format Styles for more information about creating styles for specific elements.
Styles appear in a style sheet with the following components:
Style Headers:Each style displays the style name in a bordered header. When you select a style for editing, the header background turns blue. Only one style can be selected and edited at a time. The header displays the style name on the left, which is editable, and the element name on the right, which is not editable. Bold header text indicates a default style. A style can contain multiple language variations and one print style for each language. Adding a print style lets you produce a Player and document output with different formatting. For example, you may want to use different font sizes for online and print presentation. See Add Print and Language Variations for information about adding these options to a style.
Style Name: New styles appear with the <Enter style name here> placeholder text in the style header. You edit this text to name the style. If you do not enter another name, the Style Editor assigns a name based on the style element with an incremental number appended (such as Paragraph 1); however you can change a style name. There are no limitations on naming the style, but you should assign a name that is descriptive. In addition, style names must be unique. If you enter a duplicate name in the same style sheet, you are prompted to enter a unique name.
Warning: You should not change the name of a style once the style is assigned to an element in a web page. Changing the style name breaks the link to the style, causing the Web Page Editor to list the style as "Unknown style" in the Styles list. Breaking the link to the style removes the formatting for all web page elements to which the renamed style is applied and applies the default style or browser settings instead. If you create another style with the same name and style type in the same style sheet, web page elements tagged with the former style now use the formatting of the new style.
Default Style Indicator: If you have multiple styles of the same element type, you can set one as the default. A default style is indicated by a bold style name and a [default] label and icon in the style header. The default style for an element is automatically applied when you add that element type to the Web Page Editor. However, after adding the element, you can apply another non-default style of the same element type. For example, a style sheet contains three bulleted list styles, with one marked as the default. When you create a bulleted list in a web page, the default style is automatically applied to the new list. After the bulleted list element is added to the web page, you can apply one of the other bulleted styles to the list.
Only one style can be assigned as the default for an element. Assigning another style as the default removes the default setting from the original style. When you reassign the default style, all web pages using the previous default style for that element now use the settings of the new default style. Note that you do not have to set a default style for an element type. If there is no default for an element type, the Web Page Editor uses the browser formatting defaults for that element. You can then apply a non-default style or manually apply direct formatting to change the format of the element.
Note: There can be only one document body style in a style sheet, so the default option is not available for this style. Furthermore, you cannot set a default for a text style.
Preview Pane: Each style includes a preview pane under the style header that displays sample text with the style properties applied. The preview reflects any changes made to the style, either manually or by inheritance. The preview itself is not directly editable. Lines of silver text appear above and below the preview text to indicate spacing and padding around the style content.
Since the document body style controls the appearance and margins for the entire document, the preview does not show lines of text above and below the sample text for this style.
Expand and Collapse Styles
Collapsing and expanding styles hides the preview and any print and language variations, reducing the style to display the header only. Hiding style details makes it easier to find and work with styles. You can use the icons in the style headers to collapse and expand an individual style or use the icons in the toolbar to collapse and expand all styles in the style sheet. Collapsing all styles reduces the view to style headers only, hiding the previews and all print and language variations.
Note: The Standard style sheet initially opens showing style headers expanded to display the preview pane and all print and language variations collapsed.
Style Order
Styles are grouped by element in the style sheet, and then alphabetically ordered by style name within each type. The order of the style elements is fixed by expected usage, with the exception of the document body style, which is listed first because of style inheritance. You cannot reorder the style elements. The fixed order is:
Document Body
Paragraph
Text
Table
Bulleted List
Numbered List
Heading 1 to Heading 6
Image
Link
Horizontal Line
Preformatted
Address
Block Quote
To create a new style:
From the Style Editor - Styles toolbar, click Add Style and select the style you want to create.
Type a name for the new style, replacing the <Enter style name here> placeholder text.
To set or remove a style as the default:
Select the style that you want to set or remove as the default style.
To set a style as the default for the style type, click the element name on the right side of the header. To remove the default setting from the style, click the element name or [default ] label on the right side of the header.
or
Select the style and click Make Default on the Style Editor - Styles toolbar to set or remove the default setting for a style.
To rename a style:
Select the style that you want to rename.
In the header, click in the style name, edit the name, and press ENTER.
To collapse and expand styles:
Click in the header of a main, print, or language style that you want to collapse.
Click in the header of a main, print, or language style that you want to expand.
Click Collapse All in the toolbar to collapse all styles to style headers.
Click Expand All in the toolbar to expand all styles.
] label and icon in the style header. The default style for an element is automatically applied when you add that element type to the Web Page Editor. However, after adding the element, you can apply another non-default style of the same element type. For example, a style sheet contains three bulleted list styles, with one marked as the default. When you create a bulleted list in a web page, the default style is automatically applied to the new list. After the bulleted list element is added to the web page, you can apply one of the other bulleted styles to the list.
To create a new style:
Add Style and s
Collapse All in the toolbar to collapse all styles to style headers.
Expand All in the toolbar to expand all styles.