padding-left

翻译不完整。 请帮助我们翻译这篇文章!

CSS属性 padding-left 是指一个元素在内边距区域(padding area)中左边的宽度。内边距(padding)是指一个元素的内容和边框之间的区域。

元素的“填充区域”是其内容和边框之间的空间。

贴士: padding 属性可用于通过一个声明在元素的四个边(上、下、左、右)上设置填充。

语法

/* 长度单位参数 */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;

/* 百分数参数 */
padding-left: 10%;

/* 全局参数 */
padding-left: inherit;
padding-left: initial;
padding-left: unset;

padding left属性指定为从下表中选择的单个值。与外边距(margins)不同,可以接受的值不允许是负数。

参数

<length>
填充内边距的长度。它必须是非负的。
<percentage>
以与父级盒子的百分比表示的填充大小。它也必须是非负的。

标准定义

初始值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> | <percentage>

样例

使用“px”单位和百分比设置 padding-left的样例

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

规范

规范版本 阶段 备注
CSS Basic Box Model
padding-left
Working Draft 没有改变
CSS Level 2 (Revision 1)
padding-left
Recommendation 没有改变
CSS Level 1
padding-left
Recommendation 初始定义

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
padding-leftChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 4Opera Full support 3.5Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 14Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support

另见