Style Sheet Manager

If you press the [Show the style list] button, the [Style List] pane is displayed. If you press the [Show current style status] button, the [Current Style Status] pane is displayed.

Style list pane

Displays the object (tag), class, and ID for which the style is defined in the current HTML document as well as the external style sheet (*css file) that is currently being used. Also, styles can be added, edited, or deleted by using the Add, Edit, and Delete buttons.

[Add] button

[Create and Add Style] menu item

Defines a style for the currently active HTML document. New objects (tags), classes, and IDs are added at the end of the style list pane.

[Add External Style Sheet] menu item

[Create and Add] menu item

A new external style sheet is created. A new external style sheet is linked to or imported to the currently active HTML document.

[Select] menu item

An existing external style sheet is linked to or imported to the currently active HTML document.

[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 description of the style of the related HTML document is deleted. If you select an external style sheet and press the delete button, the HTML document link or import description is deleted. The external style sheet itself is not deleted.

[Current Style Status] pane

If the object (tag) style at the cursor position is defined with a style sheet in the currently active HTML document, the information is displayed. Many styles defined with style sheets can often affect subordinate objects. The [Current Style Status] pane displays the information defined for each object (tag) up to the top-level objects.

The top-level object displayed is usually an HTML tag. The object (tag) displayed at the bottom is the current object. If a style is defined for the object (tag), the style is displayed below object name. If the same name as the name of the object is displayed in the style column, the style is defined for that object. Also, if the class is indicated, the style is defined for that object as well. Also, if a class is indicated, a style is already defined for that class and the object has a class attribute (the same as when the ID is indicated.)

A file name that is included in the description for the style column indicates that this style is already defined in the external style sheet. File name descriptions are not included for a style that is defined within the currently active HTML document

If an object includes descriptions of multiple styles, all styles that are being used by that object are described in the style column. In this case, a style lower in the list has higher priority.

Style explanation pane

If you select a style that is displayed in the style list pane or a style that is displayed in the [Show Current Style Status] pane, the style definition will be displayed in the style explanation 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.

Related Items

Style sheet