Please visit our sponsors !
CSS Background Properties
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 only vertically.
How to place the
background image
This example demonstrates how to place the image on the page.
How to set a fixed
background image
This example demonstrates how to set a fixed background image. The image will
not scroll with the rest of the page.
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.
CSS Background
The Background properties allow you to control the background
color of an element, set an image as the background, repeat a background image
vertically or horizontally, and position an image on a page.
Background Properties:
NN: Netscape, IE: Internet Explorer, W3C: Web Standard
Property |
Description |
Values |
NN |
IE |
W3C |
background |
A shorthand property for setting all background properties
in one declaration |
background-color
background-image
background-repeat background-attachment background-position |
6.0 |
4.0 |
CSS1 |
background-attachment |
Sets whether a background image is fixed or scrolls with
the rest of the page |
scroll
fixed |
6.0 |
4.0 |
CSS1 |
background-color |
Sets the background color of an element |
color-rgb
color-hex
color-name
transparent |
4.0 |
4.0 |
CSS1 |
background-image |
Sets an image as the background |
url
none |
4.0 |
4.0 |
CSS1 |
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-%
x-pos y-pos |
6.0 |
4.0 |
CSS1 |
background-repeat |
Sets if/how a background image will be repeated |
repeat
repeat-x
repeat-y
no-repeat |
4.0 |
4.0 |
CSS1 |
Jump to: Top of Page
or HOME or
Printer friendly page
Search W3Schools:
What Others Say About Us
Does the world know about us? Check out these places:
Dogpile
Alta Vista
MSN
Google
Excite
Lycos
Yahoo
Ask Jeeves
We Help You For Free. You Can Help Us!
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.
Copyright 1999-2002 by Refsnes Data. All Rights Reserved
|