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;
浏览器支持
语法
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-group andtable-column |
继承性 | 无 |
动画性 | 否 |
计算值 | 指定值 |
实例
.content { padding-bottom: 5%; }
.sidebox { padding-bottom: 10px; }