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
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.
States whether the background covers the border-box (default), padding-box or content-box. No Yes Yes Yes Yes Yes
Yes Yes Yes Yes Yes
Incomplete Yes Yes Yes Yes Yes
  • IE8 and lower do not support multiple background images.
States whether the background originates in the border-box, padding-box (default) or content-box. No Yes Yes Yes Yes Yes
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.
States how the background is repeated. Note the new values space and round. Yes Yes Yes Yes Yes Yes
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.
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
No Yes Yes Yes Yes Yes
No No No -webkit- Incomplete

No browser supports it on elements in columns.

  • Opera applies the border but not the padding. It uses the unprefixed declaration.
No Yes Yes Yes Yes Yes

Not tested

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