padding-top

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

The effect of the CSS padding-top property on the element box

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.
是否是继承属性
Percentagesrefer to the width of the containing block
计算值the percentage as specified or the absolute length
Animation typea length

语法规则

取值

<length>

当内边距(padding)大小是一个固定单位数值的时候,一定不能为负数。

<percentage>

当内边距(padding)是一个百分比的时候,百分比是和包含块(containing block)的宽度有关的,同样一定不能为负数。

正式语法

padding-top = 
<length-percentage [0,∞]>

<length-percentage> =
<length> |
<percentage>

实例

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

规范

Specification
CSS Box Model Module Level 3
# padding-physical

浏览器的兼容性

BCD tables only load in the browser

参见