CSS marker-mid egenskap

Definition och användning

marker-mid Egenskapen pekar på en markör som kommer att ritas på alla mittenpunkter av elementets bana.

Formen på markören definieras av SVG <marker>-elementet och refereras genom url()-värdet.

CSS marker-mid Värdet för egenskapen kommer att överskriva värdet för marker-mid egenskapen i SVG.

Exempel

Exempel 1

Punkter till en markör (pil) som kommer att ritas på alla mittenpunkter av elementets bana:

#test {
  marker-mid: url(#arrow);
}

Prova själv

Exempel 2

Punkter till en markör (cirkel) som kommer att ritas på alla mittenpunkter av elementets bana:

#test {
  marker-mid: url(#circle);
}

Prova själv

CSS-syntax

marker-mid: none|url|initial|inherit;

Egenskapsvärde

Värde Beskrivning
none Standardvärde. Inga markörer kommer att ritas på mitten av en bana.
url URL-referens till en markör definierad av SVG <marker>-elementet.
initial Sätt denna egenskap till dess standardvärde. Se initial
inherit Inheriterar egenskapen från föräldrelementet. Se inherit

Webbläsarstöd

Tabellens siffror anger den första webbläsarversion som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Relaterade sidor

Tutorial:SVG-märken

Referens:CSS marker egenskap

Referens:CSS marker-start egenskap

Referens:CSS marker-end egenskap