CSS marker-start egenskap

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

Prova själv

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

Prova själv

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