CSS marker-start eigenschap
- Vorige pagina marker-mid
- Volgende pagina mask
Definitie en gebruik
marker-start
De eigenschap wijst naar een merk dat wordt getekend op het eerste punt van het pad van het element.
De vorm van het merk wordt gedefinieerd door het SVG <marker> element en wordt gerefdereerd door de waarde van url().
CSS marker-start
De waarde van de eigenschap overschrijft de waarde van de marker-start eigenschap in SVG.
Voorbeeld
Voorbeeld 1
Wijs naar een merk (pijl), dat wordt getekend op het eerste punt van het pad van het element:
#test { marker-start: url(#arrow); }
Voorbeeld 2
Wijs naar een merk (cirkel), dat wordt getekend op het eerste punt van het pad van het element:
#test { marker-start: url(#circle); }
CSS syntaxis
marker-start: none;url|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
none | Standaardwaarde. Er wordt geen merk getekend op het eerste punt van het pad. |
url | Verwijzing naar de URL van het door SVG <marker> element gedefinieerde merk. |
initial | Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial. |
inherit | Deze eigenschap erfgenomen van de ouder-element. Raadpleeg inherit. |
Browserondersteuning
De getallen in de tabel geven de browserversie 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-mid eigenschap
Referentie:CSS marker-end eigenschap
- Vorige pagina marker-mid
- Volgende pagina mask