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;
}

Результат: