background

Background properties can be set for individual elements or as a global (default) property which will effect the entire contents of the page. If a background property is not specified, the browser will implement the default color scheme (which is rather dull), which will almost certainly not look the way you intended.

background

This property contains all the possible values for the background property. These values are also available to be used as properties, each with their own values.

background-attachment

This value is used to 'attach' a background. That is, as you scroll through the page, the background element (usually an image) stays where you specified.

background-color

This value obviously sets the background color for the entire document or for the element to which it was invoked. It can be a numeric hexadecimal value (#RRGGBB) or a named color ('white', or 'blue').

background-image

This value is used to include an image behind the element.

background-position

This value sets the position of the background within the element.

background-repeat

this value is used to specify the number of times, and the direction, that a background repeats with the document.

EXAMPLES:

body {background: white}

This example sets the default background of the document to 'white', which as a hexadecimal value is '#000000' ('white' being an absence of color, hence the zero's).

P {background: logo.gif blue top right}

This example sets the background of the space specified for the heading level P to display the logo.gif image, which will be positioned in the top right corner of the P area. If the image logo.gif isn't available, the background color will be blue.