beautypg.com

Define css style background properties – Adobe Dreamweaver CC 2015 User Manual

Page 209

background image

202

CSS

Last updated 6/3/2015

Font-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.

Text-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.

Font-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.

Font-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.

Text-transform

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 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:

Background Color

Sets the background color for the element. The background color attribute is supported by both

browsers.

Background Image

Sets the background image for the element.The background image attribute is supported by

both browsers.

Background Repeat

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.

Background Attachment

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.