CSS `padding-left` 属性

说明

padding-left CSS 属性将填充设置到左侧，即左边框和元素内容之间的空间量。然而，在许多情况下，简写 CSS 属性 padding 更便于使用且更可取。

下表总结了此属性的使用上下文和版本历史记录。

默认值：	`0`
适用于：	除 `<tbody>`, `<thead>`, `<tfoot>`, `<tr>`, `<colgroup>` 和 `<col>` 之外的所有元素。它也适用于 `::first-letter`。
继承：	No
动画：	Yes. 参见动画属性。
版本：	CSS 1, 2, 3

属性的语法如下：

padding-left:

length | percentage | initial | inherit

下面的示例显示了 padding-left 属性的作用。

h1 {
    padding-left: 2em;
}
p {
    padding-left: 50px;
}

下表描述了该属性的值。

值	说明
length	将填充指定为 `px`, `pt`, `cm`, `em` 中的长度值等。不允许使用负长度值。
percentage	以百分比指定填充。百分比是根据元素包含块的宽度计算的。不允许使用负百分比值。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `padding-left` 属性的计算值。

所有主要的现代浏览器都支持 padding-left 属性。

请参阅以下教程： CSS 填充, CSS 盒子模型.