# Background Clip

Set the background image extent within an element.

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

Chrome 21 · Edge 12 · Firefox 22 · Safari 5.1

| Class | Properties | Value |
|-------|------------|-------|
| `bc:bb` | background-clip | `border-box` |
| `bc:cb` | background-clip | `content-box` |
| `bc:pb` | background-clip | `padding-box` |
| `bc:t` | background-clip | `text` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `bc:bb` | background-clip | `border-box` |
| `bc:cb` | background-clip | `content-box` |
| `bc:pb` | background-clip | `padding-box` |
| `bc:t` | background-clip | `text` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `bc:bb` | background-clip | `border-box` |
| `bc:cb` | background-clip | `content-box` |
| `bc:pb` | background-clip | `padding-box` |
| `bc:t` | background-clip | `text` |