语法
padding-right: length | initial | inherit;
padding-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 2px solid #000;
color: #8ebf42;
padding-right: 100px;
}
</style>
</head>
<body>
<h2>Padding-right 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。 </p>
</body>
</html>
具有“长度”值的 padding-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 2px solid #000;
color: #8ebf42;
padding-right: 100pt;
}
</style>
</head>
<body>
<h2>Padding-right 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。</p>
</body>
</html>
以百分比指定的 padding-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
p {
border: 3px solid #cccccc;
color: deepskyblue;
padding: 15px;
padding-right: 10%;
}
</style>
</head>
<body>
<h2>Padding-left 属性示例</h2>
<p>
经历过风雨，才懂得阳光的温暖。 经历过风雨，才懂得阳光的温暖。 经历过风雨，才懂得阳光的温暖。
</p>
</body>
</html>
padding-right 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.PaddingRight =“40px”; |
借助 padding 属性，我们可以使用单个公告在元素的所有侧面设置内边距。
CSS padding-right 属性值说明
| 值 | 描述 |
|---|---|
| length | 它在PX，PT，CM等中设置右填充。其默认值为0px。 |
| % | 它根据包含元素的宽度的百分比设置正确的填充。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
日期：2020-06-02 22:14:43 来源：oir作者：oir