css中控制元素外边距的属性是

在CSS中，我们可以通过设置元素的外边距控制元素的位置。 CSS中控制元素外边距的属性主要有margin-top、margin-right、margin-bottom、margin-left这四个属性。其中，margin-top和margin-bottom属性控制元素上下外边距，margin-left和margin-right属性控制元素左右外边距。

每个属性都可以设置一个值，这个值可以是数值、百分数或者auto。数值表示像素，百分数和auto表示相对于父元素的宽度。

使用margin属性可以同时控制元素的上右下左外边距，语法为：margin:上 右 下 左；如果上下或右左是相同的值，可以简写成margin:上下 左右。如果四个值相同，可以简写成margin:值。

.box {
    margin-top: 20px; /* 设置上外边距为20像素 */
    margin-right: auto; /* 把元素的右外边距设置为auto，相对于父元素宽度自适应 */
    margin-bottom: 10%; /* 把下外边距设置为父元素宽度10% */
    margin-left: 50px; /* 左外边距设置为50px */
}

.box2 {
    margin: 10px 20px; /* 上下外边距都为10px，左右外边距都为20px */
}

.box3 {
    margin: 50px; /* 上右下左外边距都为50px */
} 

需要注意的是，如果父元素和子元素都有外边距，那么它们的外边距会叠加。如果两个元素的上下外边距都为20px，那么它们之间的距离为40px。

最后提醒一下，由于浏览器的不同，特别是在不同的盒模型下，元素的宽度、高度和外边距会产生不同的表现。必要时，请用浏览器的开发者工具检查元素的属性。