CSS marker egenskap

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

Prova själv

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

Prova själv

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