CSS scroll-padding-block-end property
CSS scroll-padding-block-end property specifies the padding at the end side of 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 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-padding-block-end :+ve length
Property values
+ve length Default
-
There is no padding at the end edge of the scroll container.
scroll-padding-block-end: 0px;
+ve length
-
It specifies the end edge padding of the scroll container.
In the demo, there is 100px padding at the end edge of the scroll container.
scroll-padding-block-end: 100px;
Applicable to
It applies to scroll containers.
From web4college, the free CSS digger
Bookmark this page
Ctrl+D
