CSS Click Chart | CSS3 Browser Support and Information

Space and Round Values for Background Repeat

Alternate values for the background-repeat property. Each repeats the background as often as it will fit without being clipped. "space" repeats to fit, while "round" scales it.

Specification

Tiling Images: the 'background-repeat' property on W3C

Example Code

.element {
  background: url(bg.png) space 0 0;
}

.element2 {
  background-image: url(bg.png);
  background-repeat: round;
}

Live Demonstration

For a live demonstration of CSS3's space and round values, visit this link in a supporting browser.

Browser Support

Can I Use background-repeat-round-space? Data on support for the space-round feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles

'space' and 'round' for background-repeat