CSS scroll-margin-inline 属性

scroll-margin-inline属性用于一次将所有滚动边距设置为滚动元素的开始和结束。此属性是scroll-margin-inline-start和scroll-margin-inline-end属性的简写。起点和终点的选择取决于书写模式。开始侧和结束侧分别为水平tb写入模式的左侧和右侧。

• 其中horizontal-tb代表水平从上到下。

同样，开始侧和结束侧分别是verticle-rl或verticle-lr写入模式的顶部和底部。

• 其中verticle-rl是从右到左的 verticle ， verticle-lr是从左到右的 verticle 。

句法：

scroll-margin-inline: length

或者

scroll-margin-inline: Global_Values

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

• length：这个属性是指用长度单位定义的值，如em、px、rem、vh 等。
• Global_Values：该属性指的是继承、初始、未设置等全局值。

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

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

HTML

  

    
  

  

  
    

        
Geek 1
        
Geek 2
        
Geek 3
        
Geek 4
    
  

  

输出：

支持的浏览器：

• 火狐
• 铬(不支持)
• 边缘(不支持)
• Safari(不支持)
• Internet Explorer(不支持)
• 歌剧(不支持)