本章讨论 CSS 中的边距margin。边距用于在元素周围创建空间。

它们定义元素边框和相邻元素之间的空间量。

属性值

以下值可以传递到每一侧:

描述
auto边距由浏览器自动计算
length边距以px、pt、cm等指定
%边距以包含元素宽度的百分比 (%) 指定
inherit边距继承自父元素

注意:允许将负值作为边距传递。

语法

selector {
    margin: top right bottom left;
  } 

您可以一次指定所有边(上、右、下、左)的边距,或为各个边设置特定值。

CSS margin: 相关属性

可以单独设置每一边的边距,如下:

属性描述
margin在一个声明中设置边距属性的简写属性
margin-top设置元素的上边距
margin-right设置元素的右边距
margin-bottom设置元素的下边距
margin-left设置元素的左边距
margin-block设置逻辑块开始和结束元素的边距。
margin-inline设置元素的逻辑内联开始和结束边距。