📜  CSS scroll-padding-inline 属性

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

scroll-padding-inline属性用于一次将所有滚动填充设置为内联维度中滚动元素或容器的开始和结束。此属性是scroll-padding-inline-startscroll-padding-inline-end属性的简写。

起点和终点的选择取决于书写模式。开始侧和结束侧分别为水平tb写入模式的左侧和右侧。同样,开始和结束侧分别为verticle-rlverticle-lr书写模式的顶侧和底侧,其中水平 tb代表水平从上到下verticle-rl是从右到左的垂直,而verticle-lr垂直从左到右

句法:

scroll-padding-block-end: keyword_values

或者

scroll-padding-block-end: length_values

或者

scroll-padding-block-end: Global_Values

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

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

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

HTML


  

    

  

  
    
                                                             
  


输出:

支持的浏览器:

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