Web4College

CSS scroll-padding-inline-end property

src

Description

CSS scroll-padding-inline-end property specifies the padding at the end edge of the scroll container. Please move the scrollbar to see the effect of padding.

The selection of end side depends upon the writing-mode.

  • The end side represents right side for the horizontal-tb writing-mode.

  • The end side represents bottom or top side for the vertical-lr or vertical-rl writing-mode respectively.

Syntax

scroll-padding-inline-end :+ve length

Property values

+ve length Default

0

There is no padding at the end edge of the scroll container.

scroll-padding-inline-end: 0px;
Try it

+ve length

100

It specifies the padding at the end edge of the scroll container.

In the demo, there is 100px offset on the left edge of the scroll container.

scroll-padding-inline-end: 100px;
Try it

Applicable to

It applies to scroll containers.