CSS scroll-padding-inline-start property

Description

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

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

  • The start side represents left side for the horizontal-tb writing-mode.

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

Syntax

scroll-padding-inline-start :+ve length

Property values

+ve length Default

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

scroll-padding-inline-start: 0px;

+ve length

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

In the demo, there is 100px padding at the start edge of the scroll container.

scroll-padding-inline-start: 100px;

Applicable to

It applies to scroll containers.

#CSS digger
Was this article helpful?

 
×

Ctrl+D