CSS scroll-padding-right property
Description
CSS scroll-padding-right property specifies the padding at the right edge of the scroll container.
Please move the scrollbar to see the effect of padding.
Syntax
scroll-padding-right :+ve length
Property values
+ve length Default
-
There is no padding at the right edge of the scroll container.
scroll-padding-right: 0px;
+ve length
-
It specifies the padding at the right edge of the scroll container.
In the demo, there is 100px offset on the left edge of the scroll container.
scroll-padding-right: 100px;
Applicable to
It applies to scroll containers.
From web4college, the free CSS digger
![](img/img1.jpeg)
![](img/img2.jpg)
![](img/img3.jpg)
![](img/img4.jpg)
![](img/img5.jpg)
![](img/img6.jpg)
▾