CSS中的margin属性可以设置以下几个值:
margin-top
, margin-right
, margin-bottom
, margin-left
margin-horizontal
或margin-inline
(左右),margin-vertical
或margin-block
(上下)margin
以上所有值都可以使用长度单位、百分比、auto或inherit作为属性值。其中,auto
表示自动计算外边距,inherit
表示继承父元素的外边距值。
值得注意的是,当使用四个方向分别设置时,可以使用简写形式margin: 上 右 下 左;
,其中上下左右的值可以使用相同的值,也可以留空表示为0。
例如,以下是一个设置所有方向外边距为10px的示例代码:
margin: 10px;
又例如,以下是一个使用简写形式设置上下边距为20px,左右边距为30px的示例代码:
margin: 20px 30px;
需要注意的是,CSS中的margin属性设置不支持负值,但是可以使用margin的负值来实现一些特殊的布局效果。