CSS-dagi margin xususiyatidagi to‘rtta qiymat

Agar margin xususiyatida to‘rtta qiymat belgilangan bo‘lsa, birinchi qiymat yuqori chetidan masofani belgilaydi. Ikkinchi qiymat o‘ng chetidan masofani, uchinchi - pastki chetidan, to‘rtinchi - chap chetidan masofani belgilaydi. Ya'ni biz yuqoridan boshlanib soat millari yo‘nalishi bo‘yicha harakatlanamiz: yuqori-o‘ng-pastki-chap. Quyidagi misolnі ko‘ring:

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: 10px 20px 30px 40px;
}

Результат: