19、外边距属性 Margin

外边距指的是元素边框外的空白区域。

  • margin 在一个声明中设置所有外边距属性。
  • margin-bottom 设置元素的下外边距。
  • margin-left 设置元素的左外边距。
  • margin-right 设置元素的右外边距。
  • margin-top 设置元素的上外边距。

例：margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px

例：margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px

例子：margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px

例子：margin:10px;
所有 4 个外边距都是 10px

将左右外边距都设置为auto，元素将左右居中。

外边距合并：外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。