padding-left
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
尝试一下
元素的内边距区域是其内容和边框之间的空间。
备注：
通过 padding 属性，只需一次声明，就可以为元素的所有四边设置内边距。
语法
css
/* <length> 值 */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;
/* <percentage> 值 */
padding-left: 10%;
/* 全局值 */
padding-left: inherit;
padding-left: initial;
padding-left: revert;
padding-left: revert-layer;
padding-left: unset;
padding-left 属性可以从下面的列表中指定一个值。与 margin 不同，padding 不允许使用负值。
值
<length>-
作为定值的内边距尺寸。必须是非负值。
<percentage>-
相对于包含块的行内尺寸（水平语言中的宽度，由
writing-mode定义）的百分比。必须是非负值。
形式定义
| 初始值 | 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 |
| 动画类型 | a length |
形式语法
padding-left =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
示例
使用像素和百分比值设置左内边距
css
.content {
padding-left: 5%;
}
.sidebox {
padding-left: 10px;
}
规范
| Specification |
|---|
| CSS Box Model Module Level 3 # padding-physical |
浏览器兼容性
BCD tables only load in the browser