CSS właściwość marker

Definicja i zastosowanie

marker Atrybut wskazuje na znacznik, który zostanie narysowany na wszystkich wierzchołkach ścieżki elementu (tj. pierwszym, środkowym i ostatnim wierzchołku).

Kształt znacznika jest zdefiniowany przez element SVG <marker> i odnosi się do niego za pomocą wartości url().

CSS marker Wartość atrybutu zastępuje wszelkie wartości atrybutu marker w SVG.

Przykład

Przykład 1

Wskazuje na znacznik (strzałka), który zostanie narysowany na pierwszym, środkowym i ostatnim wierzchołku ścieżki elementu:

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

Spróbuj sam

Przykład 2

Wskazuje na znacznik (okrąg), który zostanie narysowany na pierwszym, środkowym i ostatnim wierzchołku ścieżki elementu:

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

Spróbuj sam

Gramatyka CSS

marker: none|url|initial|inherit;

Wartość atrybutu

Wartość Opis
none Domyślna wartość. Nie rysuje się żadnych znaczników na ścieżce.
url Odwołanie do URL znacznika zdefiniowanego przez element SVG <marker>.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial。
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit。

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Strony związane

Tutorial:Znaczniki SVG

Wskazówka:CSS właściwość marker-start

Wskazówka:CSS właściwość marker-mid

Wskazówka:CSS właściwość marker-end