CSS marker-mid Eigenschaft
- Vorherige Seite marker-end
- Nächste Seite marker-start
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); }
Beispiel 2
Verweist auf eine Markierung (Kreis), die an allen mittleren Punkten des Pfades des Elements gezeichnet wird:
#test { marker-mid: url(#circle); }
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
- Vorherige Seite marker-end
- Nächste Seite marker-start