"External Style Sheet" dialog box (Editing external style sheet)

An external style sheet can be edited. The left pane lists styles that are defined in the currently open external style sheet. Details of each style are explained in the right pane.

External Style Sheet Name

The names of currently open external style sheets are displayed. External style sheet names are displayed with absolute path specification, relative path specification, or document route specification.

Style list pane (left pane)

Displays the object (tag), class, and ID for which the style is defined in the currently open external style sheet as well as the external style sheet used (*css file). Also, you can use the Add, Edit, and Delete buttons to add, edit, or delete a style.

[Add] button

If you click this button, the following popup menu is displayed.

[Create and Add a Style] menu item

The style is defined in the currently open external style sheet. New objects (tags), classes, and IDs are added at the end of the style list pane.

[Add External Style Sheet] menu item

If you place the cursor on this menu, the following submenu is displayed.

[Create and Add] menu item

A new external style sheet is created. Import the new external style sheet to the currently open external style sheet.

[Select] menu item

An existing external style sheet is imported to currently open external style sheet.

[Edit] button

Select from the style list an object (tag), class, ID, or external style sheet (*css file) to be edited. If you press the edit button after making a selection, the edit dialog box appears.

[Delete] button

Select an object (tag), class, ID, or external style sheet (*css file) to be deleted from the style list. If you press the Delete button after making a selection, the style description in the associated external style sheet is deleted. If you select the inserted external style sheet and press the delete button, the imported description in the currently open external style sheet is deleted. The inserted style sheet itself is not deleted.

Style explanation pane (right pane)

If you select the style displayed in the left style pane, the style definition is displayed in this pane.

[Explanation] tab

The style definitions are classified by such items as Font, Color, Text layout, Layout, List, Position, and Other, and are briefly explained.

[Property] tab

Describes a style sheet property and the value that is actually described in the HTML document or in an external style sheet.