• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • scroll-padding

    版本:CSS3

    scroll-padding 速记属性在元素的所有边上设置滚动填充内边距,就像padding属性对元素填充所做的那样。

    示例

    /* Keyword values */
    scroll-padding: auto;
    
    /* <length> values */
    scroll-padding: 10px;
    scroll-padding: 1em .5em 1em 1em;
    scroll-padding: 10%;
    
    /* Global values */
    scroll-padding: inherit;
    scroll-padding: initial;
    scroll-padding: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE、safari浏览器不支持scroll-padding,其余浏览器都支持scroll-padding

    语法

    scroll-padding:auto|[<length>| <percentage>]{1,4}

    取值

    • auto:偏移量由用户代理决定。这通常是0px,但如果非零值更合适,则用户代理可以自由检测并执行其他操作。
    • <length>:从滚动容器的左边缘开始。取值参见<length>
    • <percentage>:从滚动容器的左边缘开始。取值参见<percentage>
    默认值auto
    适用于滚动框
    继承性
    动画性按计算值类型
    计算值指定值

    实例

    scroll-padding: 0;
    scroll-padding: 20px;
    scroll-padding: 2em;