# Background Repeat

Set the repeat behavior for background images.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 30 · Edge 12 · Firefox 49 · Safari 8

| Class | Properties | Value |
|-------|------------|-------|
| `br:nr` | background-repeat | `no-repeat` |
| `br:r` | background-repeat | `repeat` |
| `br:ro` | background-repeat | `round` |
| `br:rx` | background-repeat | `repeat-x` |
| `br:ry` | background-repeat | `repeat-y` |
| `br:s` | background-repeat | `space` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `br:nr` | background-repeat | `no-repeat` |
| `br:r` | background-repeat | `repeat` |
| `br:ro` | background-repeat | `round` |
| `br:rx` | background-repeat | `repeat-x` |
| `br:ry` | background-repeat | `repeat-y` |
| `br:s` | background-repeat | `space` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `br:nr` | background-repeat | `no-repeat` |
| `br:r` | background-repeat | `repeat` |
| `br:ro` | background-repeat | `round` |
| `br:rx` | background-repeat | `repeat-x` |
| `br:ry` | background-repeat | `repeat-y` |
| `br:s` | background-repeat | `space` |