CSS margin-inline-end Eigenschaft

Kursvorschlag:

Definiert die Inline-Richtung. Dies beeinflusst den Anfangs- und Endpunkt des Elements sowie Definition und Verwendung

Eigenschaft, die den Abstand des Endes der Inline-Richtung angeben. margin-inline verwandte CSS-Eigenschaften Eigenschaft sehr ähnlich, aber CSS Eigenschaften sind ähnlich wiemargin-bottommargin-topmargin-bottom, verwandte CSS-Eigenschaften margin-left margin-right margin-inline verwandte CSS-Eigenschaften Eigenschaft sehr ähnlich, aber margin-block

Diese Eigenschaft hängt von der Blockrichtung und der Inline-Richtung ab.Hinweis: Beispiel 2 verwandte CSS-Eigenschaften direction und Definiert die Inline-Richtung. Dies beeinflusst den Anfangs- und Endpunkt des Elements sowie margin-inline-end

Ergebnis der Eigenschaft. Für englische Seiten ist die Blockrichtung nach unten, die Inline-Richtung von links nach rechts.

Beispiel

Beispiel 1

div {
  Setzen Sie den Abstand des Endes der Inline-Richtung:
}

Probieren Sie es selbst aus

margin-inline-end: 35px;

Wenn der Wert der Eigenschaft von <div>-Elementen Beispiel 2 writing-mode

div {
  margin-inline-end: 50px;
  Wenn der Wert der Eigenschaft 'vertical-rl' gesetzt ist, verläuft die Inline-Richtung nach unten. Das Ergebnis ist, dass das Ende des Elements von rechts nach unten bewegt wird:
}

Probieren Sie es selbst aus

Beispiel 3

Wenn der Wert der Eigenschaft von <div>-Elementen direction Wenn der Wert der Eigenschaft 'rtl' gesetzt ist, verläuft die Inline-Richtung von rechts nach links. Das Ergebnis ist, dass das Ende des Elements von rechts nach links bewegt wird:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Probieren Sie es selbst aus

CSS-Syntax

margin-inline-end: auto|length|initial|inherit;

Eigenschaftswert

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Eigenschaft vollständig unterstützen.

Verwandte Seiten

Referenz:CSS direction Eigenschaft

Referenz:CSS margin-inline-start Eigenschaft

Referenz:CSS margin-bottom-Eigenschaft

Referenz:CSS margin-inline Eigenschaft

Referenz:CSS margin-left Eigenschaft

Referenz:CSS margin-right Eigenschaft

Referenz:CSS margin-top Eigenschaft

Referenz:CSS writing-mode Eigenschaft