CSS marker-start Eigenschaft

Definition und Verwendung

marker-start Die Eigenschaft weist auf ein Zeichen hin, das am ersten Punkt der Elementpfade gezeichnet wird.

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

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

Weist auf ein Zeichen (Pfeil) hin, das am ersten Punkt der Elementpfade gezeichnet wird:

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

Weist auf ein Zeichen (Kreis) hin, das am ersten Punkt der Elementpfade gezeichnet wird:

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

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

Wert	Beschreibung
none	Standardwert. Keine Markierung wird am ersten Punkt der Pfad 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.

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