CSSmargin属性用法指导

你对CSS margin 属性的用法是否了解，这里和大家分享一下，这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

目前创新互联建站已为上1000+的企业提供了网站建设、域名、网页空间、网站托管运营、企业网站设计、三明网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

CSS margin 属性

定义

margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。

注释：允许使用负值。

继承性：No

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法：

object.style.margin="100px"

例子

四个边距均为10px：

h1 {margin: 10px}顶边距和底边距为10px，左边距和右边距是父元素宽度的2%：

h1 {margin: 10px 2%}顶边距为10px，左边距和右边距是父元素宽度的2%，底边距是-10px：

h1 {margin: 10px 2% -10px}顶边距为10px，右边距是父元素宽度的2%，底边距是-10px，而左边距由浏览器设置：

h1 {margin: 10px 2% -10px auto}

可能的值

网站名称：CSSmargin属性用法指导
标题链接：http://www.zsjierui.cn/article/codecic.html