Eigenschaft margin-bottom

Die Eigenschaft margin-bottom legt den unteren Außenabstand eines Elements fest. Als Wert der Eigenschaft dienen beliebige Einheiten für Größen oder die Schlüsseleigenschaft auto, die dem Browser ermöglicht, den Abstand des Elements selbstständig zu berechnen.

Syntax

cssSelektor {
  margin-bottom: Wert;
}

Beispiel

Wir weisen einem Block einen unteren Außenabstand von 50px zu:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-bottom: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Siehe auch

  • die Eigenschaft margin-top,
    die den oberen Außenabstand festlegt
  • die Eigenschaft margin-left,
    die den linken Außenabstand festlegt
  • die Eigenschaft margin-right,
    die den rechten Außenabstand festlegt
  • die Eigenschaft margin,
    die eine Kurzschreibweise für den Außenabstand ist
  • die Eigenschaft padding,
    die den Innenabstand festlegt