CSS marker-end egenskab

Definition og brug

marker-end Egenskaben peger på et mærke, der vil blive tegnet på den sidste顶t i elementets sti.

Mærkets form defineres af SVG <marker>-elementet og refereres gennem værdien url().

CSS marker-end Værdien for egenskaben vil overskrive værdien for marker-end-egenskaben i SVG.

Eksempel

Eksempel 1

Peger på et mærke (pil), der vil blive tegnet på den sidste顶点 i elementets sti:

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

Prøv det selv

Eksempel 2

Peger på et mærke (cirkel), der vil blive tegnet på den sidste顶点 i elementets sti:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
none Standardværdi. Ingen mærker vil blive tegnet på den sidste顶点 i 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ældrelige element. Se inherit

Browserunderstøttelse

Tabellennumre angiver versionen af den første browser, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Relaterede sider

Tutorial:SVG-mærker

Reference:CSS marker egenskab

Reference:CSS marker-mid egenskab

Reference:CSS marker-start egenskab