The painting area of the background color.
Syntax
background-clip: border-box | padding-box | content-box ;
border-box The background color fills the border box.
padding-box The background color fills the padding box.
content-box. The background color fills the content box.
New in CSS3 is the ability to specify multiple background images. You can (optionally) specify the background-clip for multiple images as a comma-separated list, these will then be applied (in order) to each of the images specified by background-image.
Examples:
h1 { background-clip: border-box; }
.emw3class { background-clip: padding-box; }
#emw3id { background-clip: content-box; }
Try it:
This is a sample of text with a CSS background color. |
Browser Support: (CSS3+) IE9+, Firefox 4+, Opera, and Chrome.
In Safari use the alternative: -webkit-background-clip
“The business of the advertiser is to see that we go about our business with some magic spell or tune or slogan throbbing quietly in the background of our minds” ~ Marshall McLuhan
Related:
Background-clip - MDN Web Docs.
Background-Image - The background image for an element.