• Skip to content
• Skip to navigation
• You are here:
  • CSS Reference
    • background

background

• Definition
• Example
• Characteristics
• See also

Definition

The background property is a shorthand method for setting background-color, background-image, background-repeat, background-attachment and background-position.

Example

1. body {background: white url('/images/sun.gif') repeat fixed top center}

This is equivalent to:

1. body {
2. background-color: white;
3. background-image: url('/images/sun.gif');
4. background-repeat: repeat;
5. background-attachment: fixed;
6. background-position: top center;
7. }

Characteristics

Possible values

• Values from background-color, background-image, background-repeat, background-attachment and/or background-position.

• inherit

  Use the same computed value as the parent element for this property.

Default value

See individual properties

Applies to

• All elements

Inherited

No

See also

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

Must read

• XHTML reference
• Media types - how the Web works
• Serving XHTML as HTML
• Serving XHTML as XML
• CSS reference

Articles

• Conversation with Opera on Web standards
• Conversation with CSS 3 team
• Fixing the Web - part 1
• CSS Naked Day
• Conversation with XHTML 2 team
• Conversation with X/HTML 5 team
• X/HTML 5 versus XHTML 2
• CSS and accessibility
• What is W3C?

Coming soon

• XHTML tutorial
• XML tutorial
• Articles on Web standards and accessiblity