CSS marker-mid egenskab

Definition og brug

marker-mid Egenskaben peger på en markør, der vil blive tegnet på alle midtpunkter af elementets sti.

Markørens form defineres af SVG <marker>-elementet og refereres via url() værdien.

CSS marker-mid Værdien af egenskaben vil overskrive værdien af marker-mid egenskaben i SVG.

Eksempel

Eksempel 1

Peger på en markør (pille), der vil blive tegnet på alle midtpunkter af elementets sti:

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

Prøv det selv

Eksempel 2

Peger på en markør (cirkel), der vil blive tegnet på alle midtpunkter af elementets sti:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
none Standardværdi. Ingen markør vil blive tegnet på midtpunktet af stien.
url URL-referencering af marker defineret af SVG <marker>-elementet.
initial Sæt denne egenskab til dens standardværdi. Se initial
inherit Arv denne egenskab fra forældrelementet. Se inherit

Browser-understøttelse

Tabellen talene viser den første browser-version, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Relaterede sider

Undervisning:SVG-mærker

Referencer:CSS marker egenskab

Referencer:CSS marker-start egenskab

Referencer:CSS marker-end egenskab