CSSда турли томонлар учун margin бўшлиқлар

Турли томонлар учун турли бўшлиқларни бериш учун алохида хусусиятлар мавжуд: margin-left - чап томон учун, margin-right - ўнг томон учун, margin-top - юқори ва margin-bottom - пастки учун.

Келгила, мисолда кўрамиз:

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

css#parent {
  width: 300px;
  border: 1px solid red;
}
#child {
  margin-top:    10px; /* юқоридан */
  margin-right:  20px; /* ўнг томондан */
  margin-bottom: 30px; /* пастки томондан */
  margin-left:   40px; /* чап томондан */
  
  height: 100px;
  border: 1px solid green;
}

Результат: