CSS właściwość marker-start
- Poprzednia strona marker-mid
- Następna strona mask
Definicja i użycie
marker-start
Atrybut wskazuje na znacznik, który zostanie narysowany na pierwszym 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-start
Wartość atrybutu zastępuje wartość atrybutu marker-start w SVG.
Przykład
Przykład 1
Wskazuje na znacznik (strzałka), który zostanie narysowany na pierwszym wierzchołku ścieżki elementu:
#test { marker-start: url(#arrow); }
Przykład 2
Wskazuje na znacznik (kółko), który zostanie narysowany na pierwszym wierzchołku ścieżki elementu:
#test { marker-start: url(#circle); }
Gramatyka CSS
marker-start: none;url|initial|inherit;
Wartość atrybutu
Wartość | Opis |
---|---|
none | Domyślna wartość. Nie rysuje się żadnego znacznika na pierwszym wierzchołku ścieżki. |
url | URL odniesienia do znacznika zdefiniowanego przez element SVG <marker>. |
initial | Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Inherbuje 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ługiwały tę właściwość.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Strony związane
Tutorial:Znaczniki SVG
Odnośnik:CSS właściwość marker
Odnośnik:CSS właściwość marker-mid
Odnośnik:CSS właściwość marker-end
- Poprzednia strona marker-mid
- Następna strona mask