background-repeat

Sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.

Quick example

.texture {
  background-image: url('tile.png');
  background-repeat: repeat;
  /* tiles the image across the entire background */
}

Quick facts

Initial value
repeat
Inherited
No
Applies to
all elements
Animation type
discrete

background-repeat Browser Support

Widely available Since 2016 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2016.

Safe to use without fallbacks.

1+
1+
1+
12+
ESC