语法
margin-right: length | auto | initial | inherit;
margin-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.right {
margin-right: 400px;
}
</style>
</head>
<body>
<h2>Margin-right 属性示例</h2>
<p>生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
<p class="right">生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
</body>
</html>
在 "%" 中指定的 margin-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.right {
margin-right: 50%;
}
</style>
</head>
<body>
<h2>Margin-right 属性示例</h2>
<p>生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
<p class="right">生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
</body>
</html>
带有 "auto" 值的 margin-right 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.right {
margin-right: auto;
}
</style>
</head>
<body>
<h2>Margin-right 属性示例</h2>
<p>
生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
<p class="right">
生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
</body>
</html>
CSS margin-right 属性值说明
| 值 | 描述 |
|---|---|
| auto | 设置右边。这是此属性的默认值。 |
| length | 在PX，PT，CM等中定义右边缘。默认值为0。 |
| % | 设置包含元素％的右边缘。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
margin-right 属性用于定义元素的右边距将被设置多少。
允许负值。
| 初始值 | 0. |
|---|---|
| 应用于 | 所有元素。它还适用于::first-letter伪元素。 |
| 继承 | 无效 |
| 可动画的 | 是的。右边的元素幅度是有动画的。 |
| 版本 | CSS2. |
| DOM 语法 | object.Style.marginight =“50px”; |
日期：2020-06-02 22:14:38 来源：oir作者：oir