Skip to main content

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.