scroll-margin-block

基线 广泛可用

此功能已得到良好建立,并且可以在许多设备和浏览器版本上运行。它自以下时间起在各个浏览器中可用 2019 年 7 月.

scroll-margin-block 简写属性 设置元素在块维度上的滚动边距。

试一试

构成属性

此属性是以下 CSS 属性的简写

语法

css
/* <length> values */
scroll-margin-block: 10px;
scroll-margin-block: 1em 0.5em;

/* Global values */
scroll-margin-block: inherit;
scroll-margin-block: initial;
scroll-margin-block: revert;
scroll-margin-block: revert-layer;
scroll-margin-block: unset;

<length>

从滚动容器相应边缘开始的偏移量。

描述

scroll-margin 值表示定义用于将此框捕捉到捕捉点的捕捉区域的偏移量。捕捉区域是通过获取转换后的边框框,找到其矩形边界框(在滚动容器的坐标空间中轴对齐),然后添加指定的偏移量来确定的。

正式定义

初始值与简写属性的每个属性相同
应用于所有元素
继承
计算值与简写属性的每个属性相同
动画类型按计算值类型

正式语法

scroll-margin-block = 
<length>{1,2}

规范

规范
CSS 滚动捕捉模块级别 1
# propdef-scroll-margin-block

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅