CSS marker-start egenskab

Definisjon og bruk

marker-start Egenskapen peger på en markør som vil bli tegnet på den første toppen av elementets sti.

Formen på markøren defineres av SVG <marker>-elementet og refereres til ved hjelp av url()-verdien.

CSS marker-start Egenskapens verdi vil erstatte SVG's marker-start-egenskapsverdi.

Eksempel

Eksempel 1

Peker på en markør (pil), som vil bli tegnet på den første toppen av elementets sti:

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

Prøv det selv

Eksempel 2

Peker på en markør (cirkel), som vil bli tegnet på den første toppen av elementets sti:

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

Prøv det selv

CSS-syntaks

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

Egenskapsverdi

Verdi Beskrivelse
none Standardverdi. Ingen markør vil bli tegnet på den første toppen av stien.
url URL-referanse for markør definert av SVG <marker>-elementet.
initial Sett denne egenskapen til standardverdien. Se initial.
inherit Arv denne egenskapen fra foreldrelementet. Se inherit.

Nettleserstøtte

Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter denne egenskapen.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Relaterede sider

Tutorial:SVG symboler

Referencer:CSS marker egenskab

Referencer:CSS marker-mid egenskab

Referencer:CSS marker-end egenskab