CSS marker-end Eigenschaft

Definition und Verwendung

marker-end Die Eigenschaft verweist auf ein Zeichen, das an der letzten Ecke des Elements gezeichnet wird.

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

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

Verweist auf ein Zeichen (Pfeil), das an der letzten Ecke des Elements gezeichnet wird:

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

Verweist auf ein Zeichen (Kreis), das an der letzten Ecke des Elements gezeichnet wird:

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

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

Wert	Beschreibung
none	Standardwert. Es wird an der letzten Ecke des Pfades kein Zeichen gezeichnet.
url	URL-Verweis auf ein durch das SVG <marker>-Element definiertes Zeichen.
initial	Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial。
inherit	Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit。

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

Chrome	Edge	Firefox	Safari	Opera
80	80	72	13.1	67