CSS margin属性
-
定义和用法
margin属性设置元素的边距,并且是以下属性的简写属性:- margin-top
- margin-right
- margin-bottom
- margin-left
如果margin属性有四个值:margin:10px 5px 15px 20px;- 上边距10px
- 右边距是5px
- 下边距为15px
- 左边距是20px
如果margin属性有三个值:margin:10px 5px 15px;- 上边距10px
- 左右边距为5px
- 下边距为15px
如果margin属性有两个值:margin:10px 5px;- 上下边距为10px
- 左右边距为5px
如果margin属性有一个值:margin:10px;- 所有四个边距均为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+ -
CSS语法
margin: length|auto|initial|inherit; -
实例
将<p>元素的所有四边的边距设置为35像素:p { margin: 35px; }
-
属性值
属性值 描述 length 以px,pt,cm等指定边距。默认值为0。允许使用负值。 阅读长度单位 % 指定包含元素宽度百分比的边距 auto 浏览器计算边距 initial 将此属性设置为其默认值。查看initial关键字 inherit 从其父元素继承此属性。查看inherit关键字 -