Inserting and Formatting Text > Using CSS style sheets > Style Definition Type panel

 

Style Definition Type panel

Use the Type panel of the CSS Style Definition dialog box to define basic type settings for a CSS style. See also Using CSS style sheets and Editing an external CSS style sheet.

To open the Style Definition dialog box, choose Window > CSS Styles and click the Open Style Sheet icon in the lower right corner. (You can also select Edit Style Sheet or New Style from the Style pop-up menu.) In the dialog box that appears, choose a CSS style and click Edit. Click Type on the left side of the dialog box. Leave any of the following attributes empty if they are not important to the style:

Font sets the font family (or series of families) for the style. Browsers display text in the first font in the series that is installed on the user's system. For compatibility with Internet Explorer 3.0, list a Windows font first. The font attribute is supported by both browsers.

Size defines the size of the text. You can choose a specific size by selecting the number and the unit of measurement, or you can choose a relative size. Pixels as a unit work well to prevent browsers from distorting your text. The size attribute is supported by both browsers.

Style specifies Normal, Italic, or Oblique as the font style. The default setting is Normal. The style attribute is supported by both browsers.

Line Height sets the height of the line on which the text is placed. Select Normal to have the line height for the font size calculated automatically, or enter an exact value and select a unit of measurement.The line height attribute is supported by both browsers.

Decoration adds an underline, overline, or line-through to text, or makes the text blink. The default setting for regular text is None. The default setting for links is Underline. When you set the link setting to none, you can remove the underline from links by defining a special class.The decoration attribute is supported by both browsers.

Weight applies a specific or relative amount of boldface to the font. Normal is equivalent to 400; Bold is equivalent to 700. The weight attribute is supported by both browsers.

Variant lets you select a variation of the font, such as small caps. Dreamweaver does not display this attribute in the Document window. The variant attribute is supported by IE but not Netscape Navigator.

Case capitalizes the first letter of each word in the selection or makes it all uppercase or lowercase. Dreamweaver does not display this attribute in the Document window. The case attribute is supported by both browsers.

Color defines the color of the text. The color attribute is supported by both browsers.