# Overflow

Set how content overflows its container.

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

Chrome 68 · Edge 79 · Firefox 61 · Safari 13.1

| Class | Properties | Value |
|-------|------------|-------|
| `o:auto` | overflow | `auto` |
| `o:c` | overflow | `clip` |
| `o:h` | overflow | `hidden` |
| `o:s` | overflow | `scroll` |
| `o:v` | overflow | `visible` |

## Overflow X

| Class | Properties | Value |
|-------|------------|-------|
| `ox:auto` | overflow-x | `auto` |
| `ox:c` | overflow-x | `clip` |
| `ox:h` | overflow-x | `hidden` |
| `ox:s` | overflow-x | `scroll` |
| `ox:v` | overflow-x | `visible` |

## Overflow Y

| Class | Properties | Value |
|-------|------------|-------|
| `oy:auto` | overflow-y | `auto` |
| `oy:c` | overflow-y | `clip` |
| `oy:h` | overflow-y | `hidden` |
| `oy:s` | overflow-y | `scroll` |
| `oy:v` | overflow-y | `visible` |

## Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `o:auto` | overflow | `auto` |
| `o:c` | overflow | `clip` |
| `o:h` | overflow | `hidden` |
| `o:s` | overflow | `scroll` |
| `o:v` | overflow | `visible` |

## Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `o:auto` | overflow | `auto` |
| `o:c` | overflow | `clip` |
| `o:h` | overflow | `hidden` |
| `o:s` | overflow | `scroll` |
| `o:v` | overflow | `visible` |