CSS margin属性

定义和用法

margin属性设置元素的边距，并且是以下属性的简写属性：

如果margin属性有四个值：

margin：10px 5px 15px 20px;

如果margin属性有三个值：

margin：10px 5px 15px;

如果margin属性有两个值：

margin：10px 5px;

如果margin属性有一个值：

margin：10px;

注意：允许使用负值。

特征	说明
默认值	0
继承	没有
动画	有。CSS动画参考
CSS版本	CSS1
JavaScript语法	object.style.margin="100px 50px"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
margin	6.0+	1.0+	1.0+	1.0+	3.5+

margin: length|auto|initial|inherit;

将<p>元素的所有四边的边距设置为35像素：

p {
  margin: 35px;
}

属性值	描述
length	以px，pt，cm等指定边距。默认值为0。允许使用负值。阅读长度单位
%	指定包含元素宽度百分比的边距
auto	浏览器计算边距
initial	将此属性设置为其默认值。查看initial关键字
inherit	从其父元素继承此属性。查看inherit关键字