CSS scroll-padding-block-start property
Description
CSS scroll-padding-block-start property represents 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 top side for the horizontal-tb writing-mode.
The start side represents right or left side for the vertical-rl or vertical-lr writing-mode respectively.
Syntax
scroll-padding-block-start :+ve length
Property values
+ve lengthDefault
-
There is no padding at the start edge of the scroll container.
scroll-padding-block-start: 0px;
+ve length
-
It specifies the start edge padding of the scroll container.
In the demo, there is 100px padding at the start edge of the scroll container.
scroll-padding-block-start: 100px;
Applicable to
It applies to scroll containers.
From web4college, the free CSS digger
Bookmark this page
Ctrl+D
