CSS - Backgrounds and borders

Backgrounds and borders

Back to the index.

CSS3 backgrounds and borders module.

The backgrounds and borders.

This is the desktop table. See also the mobile table.

Last major update on 27 February 2013.

Backgrounds

Selector	IE7 and lower	IE8	IE9	IE10	FF 19 Win	FF 19 Mac	Safari 6.0.2 Mac	Chrome 25 Win	Chrome 25 Mac	Yandex 1.5 Mac	Opera 12.14 Win	Opera 12.14 Mac
background-attachment States whether the background image scrolls with the document, the element, or not at all.	Incorrect	Incomplete	Yes		Incomplete		Yes	Yes			Yes
	Incomplete browser does not support `local`. Incorrect `scroll` means `local`.
background-clip States whether the background covers the border-box (default), padding-box or content-box.	No		Yes		Yes		Yes	Yes			Yes

background-color	Yes				Yes		Yes	Yes			Yes
background-color
background-image	Incomplete		Yes		Yes		Yes	Yes			Yes
background-image	IE8 and lower do not support multiple background images.
background-origin States whether the background originates in the border-box, padding-box (default) or content-box.	No		Yes		Yes		Yes	Yes			Yes

background-position States how the background image is positioned.	Almost	Yes			Yes		Yes	Yes			Yes
	IE5.5 and 6 not tested. IE7 accepts the `top 75px`, which should not work.
background-repeat: no-repeat, repeat-x, repeat-y States how the background is repeated. Note the new values `space` and `round`.	Yes		Yes		Yes		Yes	Yes			Yes

background-repeat: space, round States how the background is repeated. Note the new values `space` and `round`.	No		Yes		No		Buggy	Buggy			Yes
	Buggy Browser treats `space` and `round` as `no-repeat`.
background-size States the size of the background image, in pixels, percents, or with two special values.	No		Yes		Yes		Yes	Yes			Yes

Selector	IE7 and lower	IE8	IE9	IE10	FF 19 Win	FF 19 Mac	Safari 6.0.2 Mac	Chrome 25 Win	Chrome 25 Mac	Yandex 1.5 Mac	Opera 12.14 Win	Opera 12.14 Mac

Other

Selector	IE7 and lower	IE8	IE9	IE10	FF 19 Win	FF 19 Mac	Safari 6.0.2 Mac	Chrome 25 Win	Chrome 25 Mac	Yandex 1.5 Mac	Opera 12.14 Win	Opera 12.14 Mac
border-radius	No		Yes		Yes		Yes	Yes			Yes
border-radius
box-decoration-break	No				No		No	-webkit-			Incomplete
box-decoration-break	No browser supports it on elements in columns. Opera applies the border but not the padding. It uses the unprefixed declaration.
box-shadow	No		Yes		Yes		Yes	Yes			Yes
box-shadow

Not tested

I did not test border-image because it’s WAY too complicated.