background-repeatBaseline · Widely available

The background-repeat CSS property sets how a background image is tiled.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Sep 20, 2016. Widely available since Mar 20, 2019.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–29Not supported

30+Supportedsince Oct 1, 2013

Current: 155

Edge

12+Supportedsince Jul 29, 2015

Current: 154

Firefox

1–48Not supported

49+Supportedsince Sep 20, 2016

Current: 157

Safari

1–7Not supported

8+Supportedsince Oct 16, 2014

Current: 27

MobileChrome Android

18–29Not supported

30+Supportedsince Oct 2, 2013

Current: 155

Firefox Android

4–48Not supported

49+Supportedsince Sep 20, 2016

Current: 157

Safari iOS

1–7Not supported

8+Supportedsince Sep 17, 2014

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: background-repeat.

Feature detection

CSS · check before using

@supports (background-repeat: initial) {
  /* styles that rely on background-repeat */
}

/* or in JavaScript */
if (CSS.supports("background-repeat", "initial")) {
  // use it
}

Sub-features

Support for each part of the feature (9). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
background-repeat	1	12	1	1	18	4	1
background-repeat.2-value	3	12	13	5	18	14	4
background-repeat.multiple_backgrounds	1	12	3.6	1.3	18	4	1
background-repeat.no-repeat	1	12	1	1	18	4	1
background-repeat.repeat	1	12	1	1	18	4	1
background-repeat.repeat-x	1	12	1	1	18	4	1
background-repeat.repeat-y	1	12	1	1	18	4	1
background-repeat.round	30	12	49	8	30	49	8
background-repeat.space	30	12	49	8	30	49	8

Browser support

How to use

Example

Feature detection

Documentation (MDN)

Specification

Usage share

Sub-features