CSS marker-midden eigenschap

Definitie en gebruik

marker-mid De eigenschap wijst naar een markering die wordt getekend op alle middenpunten van het pad van het element.

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

CSS marker-mid De waarde van de eigenschap overschrijft de waarde van het marker-mid attribuut in SVG.

Voorbeeld

Voorbeeld 1

Wijst naar een markering ( pijl), die wordt getekend op alle middenpunten van het pad van het element:

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

Probeer het zelf

Voorbeeld 2

Wijst naar een markering (cirkel), die wordt getekend op alle middenpunten van het pad van het element:

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

Probeer het zelf

CSS-syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
none Standaardwaarde. Er wordt geen markering getekend op de middenpunten van het pad.
url Verwijzing naar de URL van het door SVG <marker> element gedefinieerde markering.
initial Deze eigenschap wordt ingesteld op de standaardwaarde. Zie initial
inherit Deze eigenschap erfde van de ouder-element. Zie inherit

Browserondersteuning

Tabelnummers geven de browserversie aan die het attribuut 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-begijn eigenschap

Referentie:CSS marker-eind eigenschap