CSS marker-start egenskap
- Föregående sida marker-mid
- Nästa sida mask
Definition och användning
marker-start
Egenskapen pekar på en markör som kommer att ritas på den första toppen i elementets väg.
Markörens form definieras av SVG <marker>-elementet och refereras genom url() värde.
CSS marker-start
Egenskapens värde överväger värdet för marker-start egenskapen i SVG.
Exempel
Exempel 1
Punkter till en markör (pil) som kommer att ritas på den första toppen i elementets väg:
#test { marker-start: url(#arrow); }
Exempel 2
Punkter till en markör (cirkel) som kommer att ritas på den första toppen i elementets väg:
#test { marker-start: url(#circle); }
CSS-syntaks
marker-start: none|url|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
none | Standardvärde. Inga markörer kommer att ritas på den första toppen i vägen. |
url | URL-referens till en markör definierad av SVG <marker>-elementet. |
initial | Sätt detta egenskap till dess standardvärde. Se initial. |
inherit | Inheriterar detta egenskap från föräldrelementet. Se inherit. |
Webbläsarstöd
Tabellens nummer anger 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är dig:SVG-märken
Referens:CSS marker egenskap
Referens:CSS marker-mid egenskap
Referens:CSS marker-end egenskap
- Föregående sida marker-mid
- Nästa sida mask