"Style Definition" dialog box

Elements in an HTML document such as text, headings, and table and figure numbers include information about font, color, and format that determine appearance. The style sheet is allows a variety of factors in an HTML document to be set.

You first need to decide what kind of style you want to use.

Set the Style for an HTML tag

If you directly change the style of an element (for example, main body <BODY>, paragraph <P>, headings <H1> to <H6>) in an HTML document, the appearance of all occurrences of that element in the HTML document can be changed. If you set the color of heading <H1> to red, all <H1> headings in the HTML document are displayed in red. If you set the font size of the paragraph <P> to 12 points, all paragraphs <P> in the HTML document are displayed with a 12-point font.

From the HTML candidate list, select a tag for which you want to set the style elements (such as main body <BODY>, paragraph <P>, headings <H1> to <H6>). Current elements are selected for the initial screen. Current elements refer to the tags that are currently selected on the edit screen. The names of the tags selected are displayed as HTML tag names.

Set a style for a Class

A style can be defined for any unique name. By setting class attributes for the names of the elements in an HTML document, the appearance of these elements can be changed. That is, the style of all portions whose names are used as class attributes in the HTML document is changed.

While referring to the defined class name list, enter an unused name for the class name. To identify the entered name as a class name, "." must be always precede the name.

Set an ID for the style

A style can also be assigned an ID attribute in an HTML document. Since each attribute has only one ID attribute name in a document, the style associated with this ID attribute is applied only to one part of the document.

Enter the ID set for the ID name. To identify the entered name as an ID, "#" must follow the name.

[Save As New Style] Check box

Open this dialog box to edit an existing style. When the style is changed, this check box appears so that the new style can be saved. Check this check box, and click the OK button to save the new style.

Perform style settings for the target on the property sheets for Font, Color and Background, Text Layout, Layout, List, Position, and Other.

Hint

The style set for A:VISITED, A:HOVER, A:ACTIVE that is included in the HTML tag candidate list has no effect on [Normal] pane.

Hint

Use single-digit alphanumeric characters to specify an ID name. Care should be taken not use the symbols "#%&._ " since they may not be recognized.

Related Items

[Font] tab

[Color and Background] tab

[Text layout] tab

[Layout] tab

[List] tab

[Position] tab

[Other] tab