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.stwzsj.com/qtweb/news37/987.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联