Web4College

CSS scroll-margin-inline-start property

src

Description

CSS scroll-margin-inline-start property specifies margin at the start side of the scroll item. Please move the scrollbar to see the effect of margin.

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-margin-inline-start :+ve length

Property values

+ve length Default

0

There is no margin at the start edge of the scroll item.

scroll-margin-inline-start: 0px;
Try it

+ve length

100

It specifies the start edge margin of the scroll item.

In the demo, there is 100px margin at the start edge of the scroll item.

scroll-margin-inline-start: 100px;
Try it

Applicable to

It applies to scroll containers.