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.