CSS marker-eind eigenschap

Definitie en gebruik

marker-end De eigenschap wijst naar een markering die wordt getekend op de laatste top van het pad van het element.

De vorm van de markering wordt gedefinieerd door het SVG <marker>-element en wordt gereferenced via de url()-waarde.

CSS marker-end De waarde van de eigenschap overwint de waarde van de marker-end-eigenschap in SVG.

Voorbeeld

Voorbeeld 1

Wijs naar een markering (pijl), die wordt getekend op de laatste top van het pad van het element:

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

Probeer het zelf

Voorbeeld 2

Wijs naar een markering (cirkel), die wordt getekend op de laatste top van het pad van het element:

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

Probeer het zelf

CSS-syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
none Standaardwaarde. Er wordt geen markering getekend op de laatste top van het pad.
url URL-verwijzing naar de markering die door het SVG <marker>-element is gedefinieerd.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial
inherit Deze eigenschap erfst deze eigenschap van de ouder-element. Raadpleeg inherit

Browserondersteuning

De getallen in de tabel geven de versie van de browser aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Gerelateerde pagina's

Handleiding:SVG Markering

Referentie:CSS marker eigenschap

Referentie:CSS marker-midden eigenschap

Referentie:CSS marker-begijn eigenschap