Skip to content
Layout

overflow

Controls what happens when content extends beyond an element's box.

2,059 effects in the catalog use this property.

Syntax

overflow: visible | hidden | scroll | auto | clip;

Watch out

`overflow: hidden` does more than clip: it creates a scrolling context and can stop descendant sticky positioning. Use `clip` when clipping alone is the goal.

Effects using overflow

These are working effects from the catalog. Open a tile to inspect the full source.