scroll-padding-inline-start属性用于一次性将所有滚动填充设置为内联维度中滚动元素或容器的起始边缘。起始侧是水平tb书写模式的左侧和垂直lr或verticle-rl书写模式的顶部或底部,其中水平tb代表水平自上而下, verticle-rl或verticle-lr代表分别为verticle right-to-left和verticle left-to-right 。
句法:
scroll-padding-inline-start: keyword_values
或者
scroll-padding-inline-start: length_values
或者
scroll-padding-inline-start: Global_Values
属性值:此属性接受上面提到和下面描述的三个属性。
- length_values:该属性指的是用长度单位定义的值。例如: px、em、vh、%等。
- Global_Values:该属性指的是继承、初始、未设置等全局值。
- keyword_values:该属性指的是用auto 等单位定义的 keyword_values。通常这将默认设置为 0px 但它可以是非零值以及非零值是否更合适。
示例:在此示例中,您可以通过滚动到示例内容的两个“界面”之间的中间点来查看 scroll-padding-inline-start 的效果。
HTML
输出:
支持的浏览器:
- 火狐
- 铬合金
- 边缘
- 歌剧
- Safari(不支持)
- Internet Explorer(不支持)