scroll-padding-right | CSS CSS Properties

Sets a fixed amount of padding on the right side of a scroll container that specifically interacts with scroll snapping.

Quick example

.cards-container {
  /* Prevents cards from touching the right edge when snapping to the end */
  scroll-padding-right: 30px;
}

Initial value

auto

Inherited

Applies to

scroll containers

Animation type

byComputedValueType

auto

Widely availableSince 202095% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.

Safe to use without fallbacks.

69+

68+

11+

79+

Interop 2026 focus area?Learn more →