CSS właściwość marker-mid

Definicja i użycie

marker-mid Atrybut wskazuje na znacznik, który będzie rysowany na wszystkich środkowych wierzchołkach ścieżki elementu.

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

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

Przykład

Przykład 1

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

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

Spróbuj sam

Przykład 2

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

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
none Domyślna wartość. Nie rysuje się żadnej markera na środkowych wierzchołkach ścieżki.
url Odwołanie do URL markera 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

Wsparcie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają 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

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

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