CSS marker eigenschap

Vorige pagina margin-top
Volgende pagina marker-end

Definitie en gebruik

marker De eigenschap wijst naar een markering die wordt getekend op alle punten van het pad van het element (dus de eerste, middelste en laatste punten).

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

CSS marker De waarde van de eigenschap overschrijft elke waarde van de marker-eigenschap in SVG.

Voorbeeld

Voorbeeld 1

Wijs naar een markering (pijl) die wordt getekend op de eerste, middelste en laatste punten van het pad van het element:

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

Probeer het zelf uit

Voorbeeld 2

Wijs naar een markering (cirkel) die wordt getekend op de eerste, middelste en laatste punten van het pad van het element:

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

Probeer het zelf uit

CSS-syntaxis

marker: none|url|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
none	Standaardwaarde. Geen markering wordt getekend op het pad.
url	URL-verwijzing naar een marker die door het SVG <marker>-element is gedefinieerd.
initial	Stel deze eigenschap in op zijn standaardwaarde. Zie initial.
inherit	Deze eigenschap erft deze eigenschap van zijn ouder-element. Zie inherit.