CSS marker-mid egenskab
- Forrige side marker-end
- Næste side marker-start
Definition og brug
marker-mid
Egenskaben peger på en markør, der vil blive tegnet på alle midtpunkter af elementets sti.
Markørens form defineres af SVG <marker>-elementet og refereres via url() værdien.
CSS marker-mid
Værdien af egenskaben vil overskrive værdien af marker-mid egenskaben i SVG.
Eksempel
Eksempel 1
Peger på en markør (pille), der vil blive tegnet på alle midtpunkter af elementets sti:
#test { marker-mid: url(#arrow); }
Eksempel 2
Peger på en markør (cirkel), der vil blive tegnet på alle midtpunkter af elementets sti:
#test { marker-mid: url(#circle); }
CSS syntaks
marker-mid: none|url|initial|inherit;
Egenskabsværdi
Værdi | Beskrivelse |
---|---|
none | Standardværdi. Ingen markør vil blive tegnet på midtpunktet af stien. |
url | URL-referencering af marker defineret af SVG <marker>-elementet. |
initial | Sæt denne egenskab til dens standardværdi. Se initial。 |
inherit | Arv denne egenskab fra forældrelementet. Se inherit。 |
Browser-understøttelse
Tabellen talene viser den første browser-version, der fuldt ud understøtter egenskaben.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Relaterede sider
Undervisning:SVG-mærker
Referencer:CSS marker egenskab
Referencer:CSS marker-start egenskab
Referencer:CSS marker-end egenskab
- Forrige side marker-end
- Næste side marker-start