# Resize

Set how an element can be resized.

**Limited availability.** This feature does not work in some of the most widely-used browsers.

Chrome 4 · Edge 79 · Firefox 5 (desktop only) · Safari 4 (desktop only)

| Class | Properties | Value |
|-------|------------|-------|
| `r:b` | resize | `both` |
| `r:h` | resize | `horizontal` |
| `r:none` | resize | `none` |
| `r:v` | resize | `vertical` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `r:b` | resize | `both` |
| `r:h` | resize | `horizontal` |
| `r:none` | resize | `none` |
| `r:v` | resize | `vertical` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `r:b` | resize | `both` |
| `r:h` | resize | `horizontal` |
| `r:none` | resize | `none` |
| `r:v` | resize | `vertical` |