Layout

Overflow

Style syntax for controlling the desired behavior for an element's overflow.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
overflow
overflow:autooverflow: auto
overflow:hiddenoverflow: hidden
overflow:overlayoverflow: auto; overflow: overlay
overflow:scrolloverflow: scroll
overflow:clipoverflow: clip
overflow-x:autooverflow-x: auto
overflow-y:autooverflow-y: auto
overflow-x:hiddenoverflow-x: hidden
overflow-y:hiddenoverflow-y: hidden
overflow-x:overlayoverflow-x: auto; overflow-x: overlay
overflow-y:overlayoverflow-y: auto; overflow-y: overlay
overflow-x:scrolloverflow-x: scroll
overflow-y:scrolloverflow-y: scroll
overflow-x:visibleoverflow-x: visible
overflow-y:visibleoverflow-y: visible
overflow-x:clipoverflow-x: clip
overflow-y:clipoverflow-y: clip

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="overflow:auto:hover overflow:auto@sm overflow:auto@dark overflow:auto@print"></div>
PREVIOUS
Isolation

Style syntax for controlling whether an element should create a new stacking context.

NEXT
Position

Style syntax for setting an element is positioned in a document.

MIT License © Aoyue Design LLC.