HTML TUTORIAL
» Introduction
» Elements
» HTML Tags
» Formatting
» Entities
» HTML Links
» Frames
» Tables
» Lists
» HTML Forms
» Images
» Layout
» Fonts
» Styles
» Head & Meta
» URL's
» Scripts
» Adding Music

PHP TUTORIAL
» Introduction
» Syntax
» Operators
» Conditionals
» Display the Date
» SSI - Includes
» Connecting to a Database
» PHP Forms
» Reading From a File

CSS TUTORIAL
» Introduction
» Syntax
» Inserting a Style Sheet
» CSS Backgrounds

DASHBOARD WIDGETS
» Hello World Widget

 
PARTNER LINKS

» Restaurant Menus
» Drew's News Room
» Stock Forums

CSS BACKGROUND PROPERTIES


The CSS background properties define the background effects of an element.


CSS Background Properties

The CSS 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.

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Property Description Values
background A shorthand property for setting all background properties in one declaration background-color
background-image
background-repeat background-attachment background-position
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page scroll
fixed
background-color Sets the background color of an element color-rgb
color-hex
color-name
transparent
background-image Sets an image as the background url
none
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
background-repeat Sets if/how a background image will be repeated repeat
repeat-x
repeat-y
no-repeat