📜  CSS scroll-margin-inline-end 属性

📅  最后修改于: 2021-08-29 12:46:16             🧑  作者: Mango

scroll-margin-inline-end属性用于一次将所有滚动边距设置为滚动元素的内联尺寸的末尾。端面的选择取决于写入模式。端面是水平tb书写模式的右侧,垂直-lr和垂直-rl书写模式的底部或顶部分别是。

其中horizontal-tb代表水平从上到下,vertical-rl 是从右到左的垂直,而 vertical-lr 是从左到右的垂直。

句法:

scroll-margin-inline-end:length

或者

scroll-margin-inline-end:Global_Values

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

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

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

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

HTML


 

    

 

    
        
Geek 1
        
Geek 2
        
Geek 3
        
Geek 4
    
 


输出:

支持的浏览器:

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

注意:不支持 Internet Explorer 和 Safari。