• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • padding-top

    CSS属性padding-top是指一个元素在内边距区域(padding area)中上方的高度。内边距(padding)是指一个元素的内容和边框之间的区域。和外边距(margin)不同,内边距(padding)是不允许有负值的。内边距(padding)可以用四个值声明一个元素的四个方向的内边距(paddings),这是一种CSS缩写属性。

    示例

    /* <length> values */
    padding-top: 0.5em;
    padding-top: 0;
    padding-top: 2cm;
    
    /* <percentage> value */
    padding-top: 10%;
    
    /* global values */
    padding-top: inherit;
    padding-top: initial;
    padding-top: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持padding-top

    语法

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

    取值:

    • <length>:当内边距(padding)大小是一个固定单位数值的时候,一定不能为负数。参见<length>
    • <percentage>:当内边距(padding)是一个百分比的时候,百分比是和包含块(containing block)的宽度有关的,同样一定不能为负数。参见<percentage>
    初始值0
    适用于所有元素,除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row 外
    继承性
    动画性
    计算值指定值

    实例

    .content { padding-top: 5%; }
    .sidebox { padding-top: 10px; } 
    

    上篇:padding

    下篇:padding-right