CSS scroll-padding-inline-start 属性介绍

CSS scroll-padding-inline-start 属性是用来设置一个元素内部的 滚动框内边距，滚动框的内边距会根据元素的方向设置在左侧或右侧。该属性比较少用，因为它只在某些侧边栏滚动效果中使用，但对于这些情况来说，该属性则非常有用。

语法

scroll-padding-inline-start: length | percentage;

• length：用长度值来设置内边距，可以添加任何 CSS 长度单位。
• percentage：用一个百分比值来设置内边距。

属性值

CSS scroll-padding-inline-start 属性可以使用以下值：

• length：用 CSS 长度表示的内边距值。可以是 0 或者负值。
• percentage：用一个百分比值表示内边距的百分比。可以是 0 或者负值。

示例

.example {
  scroll-padding-inline-start: 20px;
  }

该示例将会在 .example 元素左侧添加一个 20px 的内边距。

浏览器兼容性

该属性具有一定的浏览器兼容性，在使用它之前，你需要先查看它的兼容性。可以在 http://caniuse.com 上查看该属性的兼容性。