CSS marker Eigenschaft

Definition und Verwendung

marker Die Eigenschaft weist auf ein Markierung hin, das an allen Ecken des Pfades des Elements gezeichnet wird (d.h. an den ersten, mittleren und letzten Ecken).

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

CSS marker Der Wert der Eigenschaft überschreibt alle Werte der marker-Eigenschaft in SVG.

Beispiel

Beispiel 1

Zeigt auf ein Markierung (Pfeil), das an den ersten, mittleren und letzten Ecken des Pfades des Elements gezeichnet wird:

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

Versuchen Sie es selbst!

Beispiel 2

Zeigt auf ein Markierung (Kreis), das an den ersten, mittleren und letzten Ecken des Pfades des Elements gezeichnet wird:

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

Versuchen Sie es selbst!

CSS-Syntax

marker: none|url|initial|inherit;

Eigenschaftswert

Wert Beschreibung
none Standardwert. Es wird keine Markierung auf dem Pfad gezeichnet.
url URL-Referenz für durch das SVG <marker>-Element definierte Markierungen.
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 Versionsnummern der 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-start Eigenschaft

Referenz:CSS marker-mid Eigenschaft

Referenz:CSS marker-end Eigenschaft