CSS3 Background-image options

Overview

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.

Formal Definition

Specifications

CSS Backgrounds and Borders Module Level 4 # background-image

Syntax

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;

Code snippets

browser-support.css

Source:browser-support.css

background-origin.htm

Source:background-origin.htm

Browser Compatibility