background-image
Sets one or more background images for an element. This can be a URL to an image file or a CSS gradient function.
It is documented as part of the CSS Backgrounds and Borders specification.
Syntax
/* Usage Example */
.hero {
background-image: url(';/assets/images/hero.jpg');
background-color: #333;
/* fallback color if image fails to load */
}
/* Global values */
background-image: inherit;
background-image: initial;
background-image: revert;
background-image: revert-layer;
background-image: unset;background-image Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
1+
1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more