CSS marker ominaisuus
- Edellinen sivu margin-top
- Seuraava sivu marker-end
Määrittely ja käyttö
marker
Ominaisuus viittaa merkkiin, joka piirretään elementin polun kaikilla kohdilla (eli ensimmäisellä, keskellä ja viimeisellä kohdalla).
Merkinnän muoto määritetään SVG <marker> -elementin avulla ja viitataan siihen url()-arvon avulla.
CSS marker
Ominaisuuden arvo korvaa SVG:n marker-ominaisuuden kaikki arvot.
Esimerkki
Esimerkki 1
Viittaa merkkiin (nuoli), joka piirretään elementin polun ensimmäiselle, keskelle ja viimeiselle kohdalle:
#test { marker: url(#arrow); }
Esimerkki 2
Viittaa merkkiin (ympyrä), joka piirretään elementin polun ensimmäiselle, keskelle ja viimeiselle kohdalle:
#test { marker: url(#circle); }
CSS syntaksi
marker: none|url|initial|inherit;
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
none | Oletusarvo. Mitään merkintää ei piirretä polun päälle. |
url | URL viittaus SVG <marker> -elementin määrittämän merkkiin. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso: initial. |
inherit | Perii tämän ominaisuuden isältään. Katso: inherit. |
Selaimen tuki
Taulukon numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Liittyvät sivut
Oppitunti:SVG merkki
Viittaus:CSS marker-start ominaisuus
Viittaus:CSS marker-mid ominaisuus
Viittaus:CSS marker-end ominaisuus
- Edellinen sivu margin-top
- Seuraava sivu marker-end