CSS-də margin xassəsində iki qiymət

Əgər margin xassəsinə iki qiymət ötürülərsə, birinci qiymət yuxarı və aşağı boşluğu, ikinci qiymət isə həm sağ, həm də sol boşluğu təyin edəcək.

Gəlin bir nümunəyə baxaq:

html<div id="parent">
  <div id="child"></div>
</div>

css#parent {
  width: 300px;
  border: 1px solid red;
}

#child {
  height: 100px;
  border: 1px solid green;
  margin: 40px 20px;
}

Результат: