CSS właściwość marker-end

Definicja i zastosowanie

marker-end Atrybut wskazuje na znacznik, który będzie rysowany na ostatnim wierzchołku ścieżki elementu.

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

CSS marker-end Wartość atrybutu zastępuje wartość atrybutu marker-end w SVG.

Przykład

Przykład 1

Wskazuje na znacznik (strzałka), który będzie rysowany na ostatnim wierzchołku ścieżki elementu:

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

Spróbuj sam

Przykład 2

Wskazuje na znacznik (kółko), który będzie rysowany na ostatnim wierzchołku ścieżki elementu:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
none Domyślna wartość. Nie rysuje żadnych znaczników na ostatnim wierzchołku ścieżki.
url Wskazuje na 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 numer wersji przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Strony związane

Tutorial:Znaki SVG

Odnośnik:CSS właściwość marker

Odnośnik:CSS właściwość marker-mid

Odnośnik:CSS właściwość marker-start