CSS Background
The CSS background properties define the background effects of an element.
Examples
Set the background color
This example demonstrates how to set the background color for an element.
Set an image as the
background
This example demonstrates how to set an image as the background.
How to
repeat a background image
This example demonstrates how to repeat a background image.
How to
repeat a background image only vertically
This example demonstrates how to repeat a background image only vertically.
How to
repeat a background image only horizontally
This example demonstrates how to repeat a background image only horizontally.
How to display a background image only one time
This example demonstrates how to display a background image only one time
How to place the
background image
This example demonstrates how to place the image on the page.
How to position a background image using %
This example demonstrates how to position an image on the page using percent.
How to position a background image using pixels
This example demonstrates how to position an image on the page using pixels.
How to set a fixed
background image
This example demonstrates how to set a fixed background image.
All the background properties
in one declaration
This example demonstrates how to use the shorthand property for setting all of
the background properties in one declaration.
All CSS Background Properties
The number in the "CSS" column indicates in which CSS version
the property is defined (CSS1 or CSS2).
| Property |
Description |
Values |
CSS |
| background |
A shorthand property for setting all background properties in one declaration |
background-color
background-image
background-repeat background-attachment background-position |
1 |
| background-attachment |
Sets whether a background image is fixed or scrolls with the rest of the page |
scroll
fixed |
1 |
| background-color |
Sets the background color of an element |
color-rgb
color-hex
color-name
transparent |
1 |
| background-image |
Sets an image as the background |
url(URL)
none |
1 |
| background-position |
Sets the starting position of a background image |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos |
1 |
| background-repeat |
Sets if/how a background image will be repeated |
repeat
repeat-x
repeat-y
no-repeat |
1 |
Reliable, Affordable, Feature-Rich Web Hosting!
Take the uncertainty out of Web hosting and let
GoDaddy.com put service, performance and value back in. No matter which
hosting type or plan you choose, your site receives 24/7
maintenance and protection in our world-class data center. Plus,
you get the expert, friendly service you deserve, from the
world's largest hostname provider.
With three plans to choose from and
prices starting at just $4.99 per month, GoDaddy.com is sure to have a plan that's
right-sized and right-priced just for you!
All plans feature FREE 24x7 setup, FREE 24x7 monitoring, best-
of-breed routers, firewalls and servers, 24x7 onsite physical security
and access to our exclusive Go Daddy Hosting Connection, THE place
to install over 30 FREE applications. Virtual Dedicated and Dedicated
Server plans also available.
Visit GoDaddy.com today.
Virtual Dedicated, Dedicated Server and unlimited plans also available.
Save 20% on 12 months or more of shared web hosting - Enter code w3s20off at checkout
| 
