Last updated on : 2022-04-10
The background-clip property lets you control where background images are shown, and the background-origin and background-size properties allow greater flexibility in the size of background images.
Inherited
no
Applies to
all elements. It also applies to ::first-letter and ::first-line.
Initial value
none
Animation type
discrete
Computed value
as specified, but with url() values made absolute
CSS Backgrounds and Borders Module Level 4 # background-image
background-image: linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)), url('catfront.png');
/* Global values */
background-image: inherit;
background-image: initial;
background-image: revert;
background-image: unset;
Browser Support For Android Browser Versions
Browser Support For Chrome for Android Versions
Browser Support For Firefox for Android Versions
Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS3 Background-image options and many more web technologies that are a part of your website or web-application.
Last Modified date
2022-04-10
Data sourced from
Test this and other features on your website for compatibility across
3,000 real browsers and devices using
I hope we're able to help you build browser compatible web experience.
Fast track your browser testing experience on 3000+ browsers and OS combinations with LambdaTest.
Sarah Elson (Product & Growth Lead)