w3schools
Search W3Schools :  
  
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...   References Examples Forum About

CSS background Property

CSS Reference Complete CSS Reference

Example

How to specify all the background properties in one declaration:

body
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}

Try it yourself »

Definition and Usage

The background shorthand property sets all the background properties in one declaration.

The properties that can be set, are (in order): background-color, background-image, background-repeat, background-attachment, and background-position.

It does not matter if one of the values above are missing, e.g. background:#ff0000 url('smiley.gif'); is allowed.

Default value: not specified
Inherited: no
Version: CSS1
JavaScript syntax: object.style.background="white url(paper.gif) repeat-y"


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The background property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".


Property Values

Value Description
background-color Specifies the background color to be used. See background-color for possible values
background-image Specifies the background image to be used. See background-image for possible values
background-repeat Specifies how to repeat the background image. See background-repeat for possible values
background-attachment Specifies whether a background image is fixed or scrolls with the rest of the page. See background-attachment for possible values
background-position Specifies the position of the background image. See background-position for possible values
inherit Specifies that the setting of the background property should be inherited from the parent element


Related Pages

CSS tutorial: CSS Background

HTML DOM reference: background property


CSS Reference Complete CSS Reference

1,050,724 Sites built with Wix. Make your own!

Click here to design a Stunning Flash Website for Free

Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.

With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.



FUNC Travel
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting
Top Web Hosting
Windows Hosting
WEB BUILDING
Download XML editor
FREE Flash Website
FREE Web Templates
Website Monetization
FLIGHT TICKETS
Find the cheapest flight
to any destination now!
EDUCATION
US Web Design Schools
HTML Certification
JavaScript Certification
XML Certification
PHP Certification
ASP Certification
STATISTICS
Browser Statistics
Browser OS
Browser Display
W3Schools.com HOME | TOP | PRINT | FORUM | ABOUT
W3Schools is for training only. We do not warrant the correctness of its content. The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our terms of use and privacy policy.
Copyright 1999-2009 by Refsnes Data. All Rights Reserved.