backgrounds

background-clip needs three values, but all browsers support only two.

Compatibility

Example

This is the example element we're going to use throughout this page:

It has the following styles; the relevant background-* will be added inline:

div.test {
	background-image: url(/pix/logo_quirksmode.gif);
	border: 5px solid #6374AB;
	padding: 10px;
	width: 200px;
	height: 200px;
}

background-repeat

repeat (default)

repeat-x

repeat-y

no-repeat

space

background-attachment

scroll (default)

fixed

local

background-clip

border (default)

padding

background-origin

border (default)

padding

content

background-size

auto (default)

length

percentage

round

background-break

continuous (default)

bounding-box

each-box