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;
| 初始值 | 0 |
|---|---|
| 适用元素 | all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter and ::first-line. |
| 是否是继承属性 | 否 |
| Percentages | refer to the width of the containing block |
| 计算值 | the percentage as specified or the absolute length |
| Animation type | a length |
语法规则
取值
length-
当内边距（padding）大小是一个固定单位数值的时候，一定不能为负数。
percentage-
当内边距（padding）是一个百分比的时候，百分比是和包含块（containing block）的宽度有关的，同样一定不能为负数。
正式语法
padding-top =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
实例
.content { padding-top: 5%; }
.sidebox { padding-top: 10px; }
规范
| Specification |
|---|
| CSS Box Model Module Level 3 # padding-physical |
浏览器的兼容性
BCD tables only load in the browser
参见
- CSS Box Model
- The
paddingshorthand property can be used to set paddings on all four sides of an element with a single declaration:padding-top,padding-right,padding-bottom, andpadding-left.