The "background" CSS Property

Shorthand

This shorthand property can set most background properties. Note that a color is permitted in <final-bg-layer>, but not in <bg-layer>.

Values for "background"

CSS Level	Value
CSS Backgrounds and Borders Level 3	"<bg-layer>#? , <final-bg-layer>", where <bg-layer> = "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>" and <final-bg-layer> = "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"

Notes

• Given a valid declaration, the 'background' property first sets all the individual background properties to their initial values, then assigns explicit values given in the declaration.

Recommended Links

• CanIUse.com: Search "background" (browser compatibility information)
• CanIEmail.com: Search "background" (email client compatibility information)
• CSS 2.1: background property
• CSS Backgrounds and Borders Level 3: background property
• MDN: background property
• Quackit: background property

Accessibility Information & Tips

• Use CSS to include decorative images wherever possible. The CSS "background", "background-image", "content", and "list-style-image" properties can be used. This avoids additional markup in the content. Visit https://www.w3.org/TR/WCAG20-TECHS/C9 for more information.

Search Engine Links (for more information)

• Bing "CSS background property"
• Google "CSS background property"