Learning Style Sheet Properties

azimuth
IE n/a NN n/a Moz n/a Saf n/a Op n/a CSS 2

Inherited: Yes

Given a listener at the center of a circular sound space (like in a surround-sound-equipped theater), azimuth sets the horizontal angle of the source of the sound (for example, in a text-to-speech browser). See also the elevation property.

CSS Syntax

azimuth: angle | angleConstant || direction

Value

Up to two values (other than inherit). One represents the angle, clockwise from straight ahead; the second is a 20-degree incremental movement to the left or right. An angle value is any value in the range of –360 to +360 (inclusive) plus the letters “deg”, as in 90deg . The value 0deg is directly in front of the listener. To set the angle to the left of the listener, the value can be either -90deg or 270deg . Optionally, you can choose an angleConstant  value from a large library of descriptions that correspond to fixed points around the circle. If you add the behind modifier, the values shift from in front of the listener to behind the listener.

For the direction  value, you can choose from two constants: leftwards | rightwards . These settings shift the sound 20 degrees in the named direction.

Initial Value     center

Example

h1 {azimuth: 45deg}
p.aside {azimuth: center-right behind}

Applies To          All elements.

background 
IE 4 NN n/a Moz all Saf all Op all CSS 1

Inherited: No

This is a shortcut property that lets you set up to five separate (but related) background-style properties in one property statement. Values can be in any order, each one delimited by a space. Although the property is not officially available in Navigator 4, some
combina tions of values may work with it.

CSS Syntax

background: background-attachment || background-color || background-image || background-position || background-repeat

Value

Any combination of the five background-style property values, in any order. Any property not specified is assigned its initial value. See each property for details about the expected values.

Initial Value       None.

Example             body {background: url(watermark.jpg) repeat fixed }

Applies To           All elements .

Object Model Reference

[window.]document.getElementById("elementID ").style.background

background-attachment
IE 4 NN n/a Moz all Saf 1.2 Op all CSS 1

Inherited: No

When an image is applied to the element background (with the background-image property), the background-attachment property sets whether the image scrolls with the document. The image can remain fixed within the viewable area of the element (the viewport), or it may scroll with the element as content scrolls. During scrolling, a fixed attachment looks like a stationary backdrop to rolling credits of a movie.

CSS Syntax

background-attachment: fixed | scroll

Value

The fixed value keeps the image stationary in the element viewport; the scroll value lets the image scroll with the document content.

Initial Value       scroll

Example             body {background-attachment: fixed}

Applies To          All elements.

Object Model Reference

[window.]document.getElementById("elementID ").style.backgroundAttachment

background-color
IE 4 NN 4 Moz all Saf all Op all CSS 1

Inherited: No

Sets the background color for the element. Although it may appear as though a nested element’s background-color property is inherited, in truth the initial value is transparent, which lets the next-outermost colored element show through whitespace of the current element.

CSS Syntax

background-color: color | transparent

Value

Any valid color specification (see description at beginning of the chapter) or transparent.

Initial Value       transparent

Example              .highlighter {background-color: yellow}

Applies To            All elements.

Object Model Reference

[window.]document.getElementById("elementID ").style.backgroundColor

background-image
IE 4 NN 4 Moz all Saf all Op all CSS 1

Inherited: No

Sets the background image (if any) for the element. If you set a background-color for the element as well, the color appears if the image fails to load; otherwise, the image overlays the color. Transparent pixels of the image allow a background color to show through. See also the background-attachment property.

CSS Syntax

background-image: uri | none

Value

To specify a URL, use the url() wrapper for the property value. You can omit the property or specify none to prevent an image from loading into the element’s background.

Initial Value         non e

Example                h1 {background-image: url(watermark.jpg)}

Applies To             All elements .

Object Model Reference

[window.]document.getElementById("elementID ").style.backgroundImage