CSS scroll-margin-inline-start 属性

scroll-margin-inline-start属性用于一次性将所有滚动边距设置为滚动元素的行内尺寸的开始。开始侧的选择取决于书写模式。对于水平 tb写入模式，起始侧是左侧，对于 verticle-lr和verticle-rl写入模式分别是顶部或底部。
horizontal-tb代表水平从上到下， verticle-rl是从右到左的垂直，而verticle-lr是从左到右的垂直。

句法：

scroll-margin-inline-start: length

或者

scroll-margin-inline-start: Global_Values

属性值： scroll-margin-inline-start属性接受上面提到和下面描述的两个属性。

• length：这个属性是指用“em”、“px”、“rem”、“vh”等长度单位定义的值。
• Global_Values：这个属性指的是全局值，如inherit 、 initial 、 unset等。

注意： scroll-margin-inline-start不接受百分比值作为长度。

示例：在本示例中，您可以通过滚动到示例内容的两个界面之间的中间点来查看 scroll-margin-inline-start 的效果。

HTML

  

    

  

    

        
Geek 1
        
Geek 2
        
Geek 3
        
Geek 4
    

  

输出：

支持的浏览器：

• 火狐
• 铬合金
• 边缘
• 歌剧

注意：不支持 Internet Explorer 和 Safari。