本章讨论 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 | 设置元素的逻辑内联开始和结束边距。 |