CSS marker-end egenskap
- Föregående sida marker
- Nästa sida marker-mid
Definition och användning
marker-end
Egenskapen pekar på en markör som kommer att ritas på den sista punkten på elementets väg.
Markörens form definieras av SVG <marker>-elementet och hänvisas till genom url() värde.
CSS marker-end
Egenskapsvärdet överväger värdet för marker-end egenskapen i SVG.
Exempel
Exempel 1
Peka på en markör (pil) som kommer att ritas på den sista punkten på elementets väg:
#test { marker-end: url(#arrow); }
Exempel 2
Peka på en markör (cirkel) som kommer att ritas på den sista punkten på elementets väg:
#test { marker-end: url(#circle); }
CSS-syntax
marker-end: none|url|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
none | Standardvärde. Inga markörer ritas på den sista punkten i vägen. |
url | URL-referens till markör definierad av SVG <marker>-element. |
initial | Ställ in detta egenskap till dess standardvärde. Se initial。 |
inherit | Inheritera detta egenskap från föräldrelementet. Se inherit。 |
Webbläsarstöd
Tabellens siffror representerar den första webbläsarens version som helt stöder detta egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Relaterade sidor
Lärar:SVG-märke
Referens:CSS marker egenskap
Referens:CSS marker-mid egenskap
Referens:CSS marker-start egenskap
- Föregående sida marker
- Nästa sida marker-mid