📜  CSS scroll-padding-inline-end 属性

📅  最后修改于: 2021-08-31 07:16:10             🧑  作者: Mango

scroll-padding-inline-end属性用于一次将所有滚动填充设置为内联维度中滚动元素或容器的结束边缘。端侧分别是水平 tb写入模式的右侧,以及verticle-lrverticle-rl写入模式的底部或顶部。其中horizontal-tb代表水平自上而下, verticle-rl代表verticle right-to-leftverticle-lr代表verticle left-to-right

句法:

scroll-padding-inline-end: keyword_values

或者

scroll-padding-inline-end: length_values

或者

scroll-padding-inline-end: Global_Values

属性值:此属性接受上面提到和下面描述的三个属性。

  • length_values:该属性指的是用长度单位 exp 定义的值: px、em、vh、%等。
  • Global_Values:该属性指的是全局值,如inherit、initial、unset等。
  • keyword_values:该属性指的是用 auto 等单位定义的 keyword_values 。通常这将默认设置为 0px,但它可以是非零值,也可以是非零值更合适。

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

HTML


  

    

  

    
                                                                            
  


输出:

支持的浏览器:

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

注意:不支持 Internet Explorer 和 Safari。