CSS marker egenskab

Definition og brug

marker Egenskaben peger på en markør, som vil blive tegnet på alle punkter på elementets sti (dvs. første, midterste og sidste punkt).

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

CSS marker Værdien af egenskaben vil overskrive alle værdier for marker-attributten i SVG.

Eksempel

Eksempel 1

Peger på en markør (pil), som vil blive tegnet på elementets første, midterste og sidste punkt:

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

Prøv det selv

Eksempel 2

Peger på en markør (cirkel), som vil blive tegnet på elementets første, midterste og sidste punkt:

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

Prøv det selv

CSS syntaks

marker: none|url|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
none Standardværdi. Ingen mærker vil blive tegnet på stien.
url URL-referencering af mærker defineret af SVG <marker>-elementet.
initial Sæt denne egenskab til dens standardværdi. Se initial。
inherit Arve denne egenskab fra sin forældrelement. Se inherit。

Browser understøttelse

Tabellen talene viser den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Relaterede sider

Undervisning:SVG-mærker

Reference:CSS marker-start egenskab

Reference:CSS marker-mid egenskab

Reference:CSS marker-end egenskab