CSS滚动填充内嵌开始属性

原文:https://www . geesforgeks . org/CSS-scroll-padding-inline-start-property/

滚动-填充-内联-开始属性用于一次性将所有滚动填充设置到内联维度中滚动元素或容器的开始边缘。起始侧分别是水平-tb 书写模式的左侧和垂直-lr 或垂直-rl 书写模式的顶部或底部，其中水平-tb 代表水平从上到下和垂直-rl 或垂直-lr 代表垂直从右向左和垂直从左向右

语法:

scroll-padding-inline-start: keyword_values


或者

scroll-padding-inline-start: length_values


或者

scroll-padding-inline-start: Global_Values


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

• length_values: 该属性是指用长度单位定义的值。例: px、em、vh、% 等。


• Global_Values: 该属性是指继承、初始、取消设置、等全局值。


• 关键字 _ 值:该属性是指用汽车等单位定义的关键字 _ 值。一般来说，这将被设置为 0px 默认情况下，但它可以是非零值以及如果非零值是更合适的。

示例:在本例中，您可以通过滚动到示例内容的两个“界面”中间的某个点来查看滚动-填充-内联-开始的效果。

超文本标记语言


        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131449/img5.jpeg"
            class="geeks">
        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131452/img8.jpeg"
            class="geeks">
        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131452/img4-300x167.png"
            class="geeks">
        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131452/img8.jpeg"
            class="geeks">
        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131449/img5.jpeg"
            class="geeks">
        "https://media.geeksforgeeks.org/wp-content/uploads/20200723131452/img4-300x167.png"
            class="geeks">
    

输出:

支持的浏览器:

• 火狐浏览器


• 铬


• 边缘


• 歌剧


• Safari(不支持)


• 互联网浏览器(不支持)