CSS marker egenskap
- Föregående sida margin-top
- Nästa sida marker-end
Definition och användning
marker
Egenskapen pekar på en markör som kommer att ritas på alla punkter på elementets stig (dvs. första, mellersta och sista punkterna).
Formen på markören definieras av SVG <marker>-elementet och hänvisas till genom url()-värdet.
CSS marker
Värdet för egenskapen kommer att överskriva alla värden för marker-egenskapen i SVG.
Exempel
Exempel 1
Punkter till en markör (pil) som kommer att ritas på elementets första, mellersta och sista punkter på stigen:
#test { marker: url(#arrow); }
Exempel 2
Punkter till en markör (cirkel) som kommer att ritas på elementets första, mellersta och sista punkter på stigen:
#test { marker: url(#circle); }
CSS-syntaks
marker: none|url|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
none | Standardvärde. Inga markörer kommer att ritas på stigen. |
url | URL-referens till en markör definierad av SVG <marker>-elementet. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Följ denna egenskap från dess föräldrelement. Se inherit. |
Webbläsarstöd
Tabellens siffror representerar den första webbläsarversion som helt stöder detta egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Relaterade sidor
Lärobok:SVG-märkning
Referens:CSS marker-start egenskap
Referens:CSS marker-mid egenskap
Referens:CSS marker-end egenskap
- Föregående sida margin-top
- Nästa sida marker-end