CSS marker-end egenskap

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);
}

Prova själv

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);
}

Prova själv

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