Adobe 38040334 - Dreamweaver CS3 User Manual page 137

Define 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.
Open the CSS Styles panel (Shift + F11), if it isn't already open.
1
2 Double-click an existing rule or property in the top pane of the CSS Styles panel.
In the CSS Rule Definition dialog box, select Type, and then set the style properties.
3
Leave any of the following properties empty if they are not important to the style:
Sets the font family (or series of families) for the style. Browsers display text in the first font in the series that
Font
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.
Defines the size of the text. You can choose a specific size by selecting the number and the unit of measurement,
Size
or you can choose a relative size. Pixels work well to prevent browsers from distorting your text. The size attribute is
supported by both browsers.
Specifies Normal, Italic, or Oblique as the font style. The default setting is Normal. The style attribute is
Style
supported by both browsers.
Sets the height of the line on which the text is placed. This setting is traditionally called leading. Select
Line Height
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.
Adds an underline, overline, or line-through to the text, or makes the text blink. The default setting for
Decoration
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.
Applies a specific or relative amount of boldface to the font. Normal is equivalent to 400; Bold is equivalent
Weight
to 700. The weight attribute is supported by both browsers.
Sets the small caps variant on text. Dreamweaver does not display this attribute in the Document window.
Variant
The variant attribute is supported by Internet Explorer but not Navigator.
Capitalizes the first letter of each word in the selection or sets the text to all uppercase or lowercase. The case
Case
attribute is supported by both browsers.
Sets the text color. The color attribute is supported by both browsers.
Color
4 When you are finished setting these options, select another CSS category on the left side of the panel to set
additional style properties, or click OK.
Define CSS style background properties
Use the Background category of the CSS Rule Definition dialog box to define background settings for a CSS style.
You can apply background properties to any element in a web page. For example, create a style which adds a
background color or background image to any page element, for example behind text, a table, the page, and so on.
You can also set the positioning of a background image.
1 Open the CSS Styles panel (Shift+F11), if it isn't already open.
Double-click an existing rule or property in the top pane of the CSS Styles panel.
2
In the CSS Rule Definition dialog box, select Background, then set the style properties.
3
Leave any of the following properties empty if they are not important to the style:
Sets the background color for the element. The background color attribute is supported by both
Background Color
browsers.
September 4, 2007
DREAMWEAVER CS3 130
User Guide