beautypg.com

Define css style background properties – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 154

background image

Font-variant

Text-transform

Color

To the top

Background Color

Background Image

Background Repeat

Background Attachment

Background Position (X) and Background Position (Y)

attribute is supported by both browsers.

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.

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.

Sets the text color. The color attribute is supported by both browsers.

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.

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.

147

This manual is related to the following products: