HTML CSS margin 外边距属性

HTML CSS margin 外边距属性 用于在任何设置的边框之外,为元素创建周围的空间。通过 CSS,可以完全控制外边距。有一些属性可用于设置元素每侧(上、右、下和左)的外边距。

CSS 拥有为元素单独设置每一侧外边距的属性:
上边距:margin-top
右边距:margin-right
下边距:margin-bottom
左边距:margin-left

所有外边距属性都可以设置以下值:
auto – 浏览器来计算外边距
length – 以 px、pt、cm 等单位指定外边距
% – 指定以包含元素宽度的百分比计的外边距
inherit – 指定应从父元素继承外边距

提示:允许负值。

margin 简写

为了减少代码,还可以使用 margin 简写属性,如:
margin: 25px 50px 75px 100px;
margin 属性分别代表
上外边距是 25px
右外边距是 50px
下外边距是 75px
左外边距是 100px

margin 属性也可以设置三个值
margin: 25px 50px 75px;
margin 属性分别代表
上外边距是 25px
右和左外边距是 50px
下外边距是 75px

margin 属性也可以设置两个值
margin: 25px 50px;
margin 属性分别代表
上和下外边距是 25px
右和左外边距是 50px

如果 margin 属性只设置了一个值,则表示四周边距设置为该值。

也可以将 margin 属性设置为 auto,表示元素在其容器中水平居中。

margin 属性为 inherit 值时,表示元素继承了父元素同属性的值。

如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!