# Scroll Snap Type

Set the scroll snap direction & strictness.

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

Chrome 69 · Edge 79 · Firefox 68 · Safari 11

| Class | Properties | Value |
|-------|------------|-------|
| `sst:bm` | scroll-snap-type | `both mandatory` |
| `sst:none` | scroll-snap-type | `none` |
| `sst:xm` | scroll-snap-type | `x mandatory` |
| `sst:xp` | scroll-snap-type | `x proximity` |
| `sst:ym` | scroll-snap-type | `y mandatory` |
| `sst:yp` | scroll-snap-type | `y proximity` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `sst:bm` | scroll-snap-type | `both mandatory` |
| `sst:none` | scroll-snap-type | `none` |
| `sst:xm` | scroll-snap-type | `x mandatory` |
| `sst:xp` | scroll-snap-type | `x proximity` |
| `sst:ym` | scroll-snap-type | `y mandatory` |
| `sst:yp` | scroll-snap-type | `y proximity` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `sst:bm` | scroll-snap-type | `both mandatory` |
| `sst:none` | scroll-snap-type | `none` |
| `sst:xm` | scroll-snap-type | `x mandatory` |
| `sst:xp` | scroll-snap-type | `x proximity` |
| `sst:ym` | scroll-snap-type | `y mandatory` |
| `sst:yp` | scroll-snap-type | `y proximity` |