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

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

    示例

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

    浏览器支持

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

    语法

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

    取值

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

    实例

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

    上篇:padding-right

    下篇:padding-left