CSS właściwość marker-end
- Poprzednia strona marker
- Następna strona marker-mid
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); }
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); }
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
- Poprzednia strona marker
- Następna strona marker-mid