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.

Class	Declarations
`overflow`
`overflow:auto`	`overflow: auto`
`overflow:hidden`	`overflow: hidden`
`overflow:overlay`	`overflow: auto; overflow: overlay`
`overflow:scroll`	`overflow: scroll`
`overflow:clip`	`overflow: clip`
`overflow-x:auto`	`overflow-x: auto`
`overflow-y:auto`	`overflow-y: auto`
`overflow-x:hidden`	`overflow-x: hidden`
`overflow-y:hidden`	`overflow-y: hidden`
`overflow-x:overlay`	`overflow-x: auto; overflow-x: overlay`
`overflow-y:overlay`	`overflow-y: auto; overflow-y: overlay`
`overflow-x:scroll`	`overflow-x: scroll`
`overflow-y:scroll`	`overflow-y: scroll`
`overflow-x:visible`	`overflow-x: visible`
`overflow-y:visible`	`overflow-y: visible`
`overflow-x:clip`	`overflow-x: clip`
`overflow-y:clip`	`overflow-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>