The "background-image" CSS Property

Values for "background-image"

CSS Level	Value
CSS 2.1	an image URL or "none"
CSS3	<bg-image>#, where <bg-image> is <image> or "none"

Notes

• Images are drawn with the first specified one on top (closest to the user) and each subsequent image behind the previous one. Note: URLs must be in the form url("<url>") (uses double quotes), url('<url>') (uses single quotes), or url(<url>) (uses no quotes), where <url> is the URL itself.

Recommended Links

• CanIUse.com: Search "background-image" (browser compatibility information)
• CanIEmail.com: Search "background-image" (email client compatibility information)
• CSS 2.1: background-image property
• CSS3: background-image property
• MDN: background-image 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-image property"
• Google "CSS background-image property"