scroll-margin - CSS（层叠样式表） 编辑

scroll-margin 属性是修改一系列 scroll-margin 手写特性的快捷方式, 它分配值的方式与 margin 属性为各个 margin-* 手写特性分配值的方式非常类似。

这个示例的代码存放在 Github 仓库. 如果你想对这个项目贡献代码, 请从 https://github.com/mdn/interactive-examples 克隆项目，并且向我们提交 PR。

scroll-margin 属性的值代表用于将盒元素拖拽到显示区域的拖拽滚动区域的起点。拖拽滚动区域由是由转换后边框大小的盒元素决定的，它会找到盒元素的矩形边界（在滚动的容器的坐标空间轴上），并添加指定的起点。

初始值	0
适用元素	all elements
是否是继承属性	否
计算值	as specified
Animation type	by computed value type

Syntax

/* <length> values */
scroll-margin: 10px;
scroll-margin: 1em .5em 1em 1em;

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

Values

<length>

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

Formal syntax

<length>{1,4}

Specification

Specification	Status	Comment
CSS Scroll Snap Module Level 1 scroll-margin	Candidate Recommendation	Initial definition

Browser compatibility

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.