Defining CSS type properties

Defining CSS type properties

You use the Type category in the CSS Rule Definition dialog box to define basic font and type settings for a CSS style.

See also Using Cascading Style Sheets to format text and Editing a CSS rule.

To define type settings for a CSS style:

  1. Open the CSS Styles panel (Shift + F11), if it isn’t already open.
  2. Open the CSS Rule Definition dialog box by doing one of the following:
    • Add a new style. For detailed information, see Creating a new CSS rule.
    • Double-click an existing style to open it for editing in Code view or in the CSS Properties tab.
  3. In the CSS Rule Definition dialog box, select Type, and then set the style attributes you want.

    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. This setting is traditionally called leading. 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 the 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 sets the small caps variant on text. Dreamweaver does not display this attribute in the Document window. The variant attribute is supported by Internet Explorer but not Navigator.

    Case capitalizes the first letter of each word in the selection or sets the text to all uppercase or lowercase. The case attribute is supported by both browsers.

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

  4. When you are finished setting these option, select another CSS category on the left side of the panel to set additional style attributes, or click OK.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Inserting and Formatting Text
Adding Audio, Video, and Interactive Elements
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly