CSS marker-eind eigenschap
- Vorige pagina marker
- Volgende pagina marker-mid
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); }
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); }
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
- Vorige pagina marker
- Volgende pagina marker-mid