1. Heim
  2. CSS Eigenschaft margin

Das beste CSS Eigenschaft margin-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Attributdefinitionen und Anweisungen,Browser-Unterstützung,Eigenschaft Wert,In Verbindung stehende Artikel, lernen

CSS Eigenschaft margin

Beispiele

Ein p-Element gesetzt, alle vier Ränder:

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

Versuchen »

Attributdefinitionen und Anweisungen

Marge Kurzschrift-Eigenschaft setzt alle Randeigenschaften in einer Erklärung. Diese Eigenschaft kann den Wert 1-4.

Beispiel:

  • margin: 10px 5px 15px 20px;
    • Die Margen sind 10px
    • Rechter Rand ist 5px
    • Geringere Margen sind 15px
    • Linker Rand ist 20px

  • margin: 10px 5px 15px;
    • Die Margen sind 10px
    • Auf der rechten und linken Rand sind 5px
    • Geringere Margen sind 15px

  • margin: 10px 5px;
    • An den oberen und unteren Rand sind 10px
    • Auf der rechten und linken Rand sind 5px

  • margin: 10px;
    • Alle vier Ränder sind 10px

Hinweis: negative Werte sind nicht zulässig.

Standard: 0
Vererbung: keine
Version: CSS1
JavaScript-Syntax: Objekt .style.margin = "10px 5px"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.

属性
margin 1.0 6.0 1.0 1.0 3.5

Eigenschaft Wert

Wert Beschreibung
auto Browser berechnet Marge.
Länge Insbesondere die Bestimmungen Marge Werteinheit, wie Pixel, Zentimeter und dergleichen. Der Standardwert ist 0px.
% Basierend auf einem vorgegebenen Prozentsatz der Mutterelementbreite Margen.
erben Die Bestimmungen Marge vom Elternelement erben sollte.

In Verbindung stehende Artikel

CSS Tutorial: CSS Margin

Hot Tutorials

Kontaktiere uns

CSS Eigenschaft margin
10/30