Overflow

Set how content overflows its container.

Widely available

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

Chrome
Edge
Firefox
Safari

o-auto
overflow: auto;
o-c
overflow: clip;
o-h
overflow: hidden;
o-s
overflow: scroll;
o-v
overflow: visible;

Overflow X

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

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.

Pseudo Classes

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