CSS właściwość marker-start

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);
}

Spróbuj sam!

Przykład 2

Wskazuje na znacznik (kółko), który zostanie narysowany na pierwszym wierzchołku ścieżki elementu:

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

Spróbuj sam!

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