CSS marginEigenschaft


Beispiel

Legen Sie alle vier Außenabstände eines p-Elements fest:

p
{
margin:2cm 4cm 3cm 4cm;
}

Selbst ausprobieren »

Eigenschaftsdefinition und Verwendungshinweise

Die margin-Kurzschreibweise legt alle margin-Eigenschaften in einer einzigen Deklaration fest. Diese Eigenschaft kann 1 bis 4 Werte annehmen.

Beispiel:

  • margin:10px 5px 15px 20px;
    • Der obere Außenabstand beträgt 10px
    • Der rechte Außenabstand beträgt 5px
    • Der untere Außenabstand beträgt 15px
    • Der linke Außenabstand beträgt 20px

  • margin:10px 5px 15px;
    • Der obere Außenabstand beträgt 10px
    • Der rechte und der linke Außenabstand betragen 5px
    • Der untere Außenabstand beträgt 15px

  • margin:10px 5px;
    • Der obere und der untere Außenabstand betragen 10px
    • Der rechte und der linke Außenabstand betragen 5px

  • margin:10px;
    • Alle vier Außenabstände betragen 10px

Hinweis:Negative Werte sind zulässig.

Standardwert: 0
Vererbt: nein
Version: CSS1
JavaScript-Syntax: object.style.margin="10px 5px"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
margin 1.0 6.0 1.0 1.0 3.5

Eigenschaftswert

Wert Beschreibung
auto Der Browser berechnet die Außenabstände.
length Gibt einen Außenabstandswert in bestimmten Einheiten an, wie Pixel, Zentimeter usw. Der Standardwert ist 0px.
% Gibt einen Außenabstand in Prozent der Breite des Elternelements an.
inherit Gibt an, dass der Außenabstand vom übergeordneten Element geerbt werden soll.

Ähnliche Artikel

CSS-Tutorial:CSS-Margin

Weitere Erweiterungen