CSS scroll-padding-block 是一个简写属性,指定块维度中元素的滚动填充。
可能的值
- <length-percentage> - 有效的长度或百分比值,定义从滚动端口的相应边缘向内的偏移量。
- <auto> - 从用户代理确定的滚动端口的相应边缘向内偏移。
适用于
所有 scroll 容器的 scrollport。
语法
CSS scroll-padding-block - 长度值
以下示例演示如何使用 scroll-padding-block 属性使用长度值 (30px) 设置 div 元素在块维度中的滚动填充填充。
CSS scroll-padding-block - 百分比值
以下示例演示如何使用 scroll-padding-block 属性使用百分比值 (60%),在块维度中设置 div 元素的滚动填充填充。
CSS scroll-padding-block - 自动值
以下示例演示如何使用 scroll-padding-block 属性通过关键字值 (auto) 设置 div 元素在块维度中的滚动填充填充。
CSS scroll-padding-block - 相关属性
以下是与 scroll-padding-block 属性关联的 CSS 属性列表:
属性 | 描述 |
---|---|
scroll-padding-block-start | 在 scrollport 的块维度中设置起始边的偏移量。 |
scroll-padding-block-end | 在 scrollport 的块维度中设置端边的偏移量。 |