CSS marker-start eigenschap

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);
}

Probeer het zelf uit

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);
}

Probeer het zelf uit

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