CSS marker-midden eigenschap
- Vorige pagina marker-end
- Volgende pagina marker-start
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); }
Voorbeeld 2
Wijst naar een markering (cirkel), die wordt getekend op alle middenpunten van het pad van het element:
#test { marker-mid: url(#circle); }
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
- Vorige pagina marker-end
- Volgende pagina marker-start