CSS padding-left 属性值说明
| 值 | 描述 |
|---|---|
| length | 它在PX，Pt，cm等中设置左填充。其默认值是0px。 |
| % | 它根据包含元素的宽度的百分比设置左填充。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
padding-left CSS 属性设置元素左侧的填充空间。
负值无效。
此属性对内联元素没有任何影响，例如 <span>。
| 初始值 | 0. |
|---|---|
| 应用于 | 所有元素，当Display属性设置为table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column时，将报出异常。它还适用于::first-letter伪元素。 |
| 继承 | 无效 |
| 可动画的 | 是的。填充空间是有动画的。 |
| 版本 | CSS1 |
| DOM 语法 | object.Style.PaddingLeft =“40px”; |
语法
padding-left: length | initial | inherit;
padding-left 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 2px solid #000;
color: #1c87c9;
padding-left: 100px;
}
</style>
</head>
<body>
<h2>Padding-left 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。</p>
</body>
</html>
定义为“3cm”的 padding-left 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 2px solid #000;
color: #1c87c9;
padding-left: 3cm;
}
</style>
</head>
<body>
<h2>Padding-left 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。</p>
</body>
</html>
具有“百分比”值的 padding-left 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 3px solid #cccccc;
color: deepskyblue;
padding: 20px;
padding-left: 15%;
}
</style>
</head>
<body>
<h2>Padding-left 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。</p>
</body>
</html>
日期：2020-06-02 22:14:43 来源：oir作者：oir