CSS marker-start ominaisuus
- Edellinen sivu marker-mid
- Seuraava sivu mask
Määrittely ja käyttö
marker-start
Ominaisuus viittaa merkkiin, joka piirretään elementin polun ensimmäiselle kohdalle.
Merkin muoto määritetään SVG <marker> -elementillä ja viitataan siihen url()-arvon avulla.
CSS marker-start
Ominaisuuden arvo korvaa SVG:n marker-start-ominaisuuden arvon.
Esimerkki
Esimerkki 1
Viittaa merkkiin (nuoli), joka piirretään elementin polun ensimmäiselle kohdalle:
#test { marker-start: url(#arrow); }
Esimerkki 2
Viittaa merkkiin (ympyrä), joka piirretään elementin polun ensimmäiselle kohdalle:
#test { marker-start: url(#circle); }
CSS syntaksi
marker-start: none;url|initial|inherit;
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
none | Oletusarvo. Markkeroa ei piirretä polun ensimmäisellä kohdalla. |
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 vanhemmalta elementiltä. 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 |
Aiheeseen liittyvät sivut
Oppitunti:SVG-merkki
Viittaus:CSS marker ominaisuus
Viittaus:CSS marker-mid ominaisuus
Viittaus:CSS marker-end ominaisuus
- Edellinen sivu marker-mid
- Seuraava sivu mask