CSS marker-mid Eigenschaft

Definition und Verwendung

marker-mid Die Eigenschaft verweist auf eine Markierung, die an allen mittleren Punkten des Pfades des Elements gezeichnet wird.

Die Form der Markierung wird durch das SVG <marker>-Element definiert und durch den url()-Wert referenziert.

CSS marker-mid Der Wert der Eigenschaft überschreibt den Wert der marker-mid-Eigenschaft in SVG.

Beispiel

Beispiel 1

Verweist auf eine Markierung (Pfeil), die an allen mittleren Punkten des Pfades des Elements gezeichnet wird:

#test {
  marker-mid: url(#arrow);
}

Versuchen Sie es selbst

Beispiel 2

Verweist auf eine Markierung (Kreis), die an allen mittleren Punkten des Pfades des Elements gezeichnet wird:

#test {
  marker-mid: url(#circle);
}

Versuchen Sie es selbst

CSS-Syntax

marker-mid: none|url|initial|inherit;

Eigenschaftswert

Wert Beschreibung
none Standardwert. Es wird keine Markierung in der Mitte der Pfade gezeichnet.
url Verweis auf die URL der durch das SVG <marker>-Element definierten Markierung.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Browser-Unterstützung

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

Chrome Edge Firefox Safari Oper
80 80 72 13.1 67

Verwandte Seiten

Tutorial:SVG-Symbol

Referenz:CSS marker Eigenschaft

Referenz:CSS marker-start Eigenschaft

Referenz:CSS marker-end Eigenschaft