tas2580
Blog über Webentwicklung

CSS - margin

Die margin Kurzschrift setzt alle Randeigenschaften in einer Erklärung.

Beispiel

div {
    margin: 2px 4px 3px 4px;
}

Definition und Verwendung

Diese Eigenschaft kann ein bis vier Werte haben.

  • margin: 10px 5px 15px 20px;
    • Abstand oberer Rand ist 10px
    • Abstand rechter Rand ist 5px
    • Abstand unterer Rand ist 15px
    • Abstand linker Rand ist 20px
  • margin: 10px 5px 15px;
    • Abstand oberer Rand ist 10px
    • Abstand rechter und linker Rand ist 5px
    • Abstand unterer Rand ist 15px
  • margin: 10px 5px;
    • Abstand oberer und unterer Rand ist 10px
    • Abstand rechter und linker Rand ist 5px
  • margin: 10px;
    • Abstand alle vier Ränder ist 10px

Hinweis: Negative Werte sind nicht zulässig.

Standard Wert:
0
CSS Version:
CSS1
Vererbt sich:
Nein
Animierbar:
Ja

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
Länge Definiert die Randeigenschaften in einer festen Größe.
auto Der Browser berechnet die Randeigenschaften.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.