Web4College

CSS scroll-margin-block-end property

src

Description

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

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

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

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

Syntax

scroll-margin-block-end :+ve length

Property values

+ve length Default

0

There is no margin on the end side of the scroll item.

scroll-margin-block-end: 0px;
Try it

+ve length

100

It specifies the end edge margin of the scroll item.

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

scroll-margin-block-end: 100px;
Try it

Applicable to

It applies to scroll containers.