Vier Werte für die margin-Eigenschaft in CSS

Falls für die margin-Eigenschaft vier Werte angegeben sind, legt der erste Wert den Abstand nach oben fest. Der zweite Wert bestimmt den Abstand nach rechts, der dritte - nach unten und der vierte - nach links. Wir beginnen also oben und gehen im Uhrzeigersinn vor: oben-rechts-unten-links. Sehen Sie sich das Beispiel an:

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

Результат: