CSS marker-mid egenskap
- Föregående sida marker-end
- Nästa sida marker-start
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); }
Exempel 2
Punkter till en markör (cirkel) som kommer att ritas på alla mittenpunkter av elementets bana:
#test { marker-mid: url(#circle); }
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
- Föregående sida marker-end
- Nästa sida marker-start