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