Operation Manual

Background Color
Background Image
Background Repeat
Background Attachment
Background Position (X) and Background Position (Y)
To the top
Word Spacing
Letter Spacing
Vertical Align
Text Align
Text Indent
Whitespace
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.
2. Double-click an existing rule or property in the top pane of the CSS Styles panel.
3. In the CSS Rule Definition dialog box, select Background, then set the style properties.
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
browsers.
Sets the background image for the element.The background image attribute is supported by both
browsers.
Determines whether and how the background image is repeated. The Repeat attribute is supported by
both browsers.
No Repeat displays the image once at the beginning of the element.
Repeat tiles the image horizontally and vertically behind the element.
Repeat-x and Repeat-y display a horizontal and vertical band of images, respectively. Images are clipped to fit within the
boundaries of the element.
Note: Use the Repeat property to redefine the body tag and set a background image that does not tile or repeat.
Determines whether the background image is fixed at its original position or scrolls along with the
content. Note that some browsers may treat the Fixed option as Scroll. This is supported by Internet Explorer but not
Netscape Navigator.
Specify the initial position of the background image in relation to
the element. This can be used to align a background image to the center of the page, both vertically (Y) and horizontally (X). If
the attachment property is Fixed, the position is relative to the Document window, not to the element.
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 block properties
You use the Block category of the CSS Rule Definition dialog box to define spacing and alignment settings for tags and properties.
1. Open the CSS Styles panel (Shift+F11) if it isn’t already open.
2. Double-click an existing rule or property in the top pane of the CSS Styles panel.
3. In the CSS Rule Definition dialog box, select Block, then set any of the following style properties. (Leave the property blank if it
is not important to the style.)
Sets the spacing between words. To set a specific value, in the pop-up menu, select Value, then enter a
numeric value. In the second pop-up menu, select a measurement unit (for example, pixel, points, and so on).
Note: You can specify negative values, but the display depends on the browser. Dreamweaver does not display this attribute
in the Document window.
Increases or decreases space between letters or characters. To decrease the space between characters
specify a negative value, for example (-4). Letter spacing settings override justified text settings. The Letter Spacing attribute
is supported by Internet Explorer 4 and later and Netscape Navigator 6.
Specifies the vertical alignment of the element to which it is applied. Dreamweaver displays this attribute in the
Document window only when it is applied to the <img> tag.
Sets how text is aligned within the element. The Text Align attribute is supported by both browsers.
Specifies how far the first line of text indents. A negative value may be used to create an outdent, but the display
depends on the browser. Dreamweaver displays this attribute in the Document window only when the tag is applied to block-
level elements. The Text Indent attribute is supported by both browsers.
Determines how white space within the element is handled. Select from three options: Normal collapses white
space; Pre handles it as if the text were enclosed in pre tags (that is, all white space, including spaces, tabs, and returns, is
respected); Nowrap specifies that the text only wraps when a br tag is encountered. Dreamweaver does not display this
attribute in the Document window. The Whitespace attribute is supported by Netscape Navigator and Internet Explorer 5.5.
104