Syntax

overscroll-behavior

Setting what a browser does when reaching the boundary of a scrolling area.

Class	Declarations
overscroll-behavior:`value`	overscroll-behavior: `value`;
overscroll-behavior-x:`value`	overscroll-behavior-x: `value`;
overscroll-behavior-y:`value`	overscroll-behavior-y: `value`;
`overscroll-behavior:auto`	`overscroll-behavior: auto;`
`overscroll-behavior:contain`	`overscroll-behavior: contain;`
`overscroll-behavior:none`	`overscroll-behavior: none;`
`overscroll-behavior-x:auto`	`overscroll-behavior-x: auto;`
`overscroll-behavior-y:auto`	`overscroll-behavior-y: auto;`
`overscroll-behavior-x:contain`	`overscroll-behavior-x: contain;`
`overscroll-behavior-y:contain`	`overscroll-behavior-y: contain;`
`overscroll-behavior-x:none`	`overscroll-behavior-x: none;`
`overscroll-behavior-y:none`	`overscroll-behavior-y: none;`

Apply styles based on different states using selectors and conditional queries.

<div class="overscroll-behavior:auto:hover overscroll-behavior:auto@sm overscroll-behavior:auto@dark overscroll-behavior:auto@print">…</div>

Controlling how words should break when they overflow their element

Setting the padding area on all four sides of an element.

Overview