scroll-padding-inline

基线 广泛可用

此功能已经很成熟，可以在许多设备和浏览器版本上使用。它自 2019 年 7 月.

报告反馈

试一试

scroll-padding-inline 速记属性 在内联维度上设置元素的滚动填充。

组成属性

滚动填充属性定义了视窗的最佳查看区域的偏移量：用于将内容放置在用户视野中的区域。这允许作者排除被其他内容遮挡的视窗区域（例如固定定位的工具栏或侧边栏），或者在目标元素和视窗边缘之间留出更多空间。

语法

此属性是以下 CSS 属性的速记
/* Keyword values */
scroll-padding-inline: auto;

/* <length> values */
scroll-padding-inline: 10px;
scroll-padding-inline: 1em 0.5em;
scroll-padding-inline: 10%;

/* Global values */
scroll-padding-inline: inherit;
scroll-padding-inline: initial;
scroll-padding-inline: revert;
scroll-padding-inline: revert-layer;
scroll-padding-inline: unset;

css

<length-percentage>

值

从视窗对应边缘向内偏移，可以是有效的长度或百分比。

auto

正式定义

偏移量由用户代理确定。通常为 0px，但用户代理能够检测到并执行其他操作，如果非零值更合适。初始值
scroll-padding-inline-end: auto应用于
滚动容器继承
否百分比
相对于滚动容器的视窗初始值
scroll-padding-inline-end: 按指定值动画类型

正式语法

scroll-padding-inline = 
  [ auto | <length-percentage [0,∞]> ]{1,2}  

<length-percentage> = 
  <length>      |
  <percentage>

规范

按计算值类型
规范
# CSS 滚动捕捉模块级别 1

浏览器兼容性

propdef-scroll-padding-inline

另请参阅