CSS marker ominaisuus

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);
}

Kokeile itse!

Esimerkki 2

Viittaa merkkiin (ympyrä), joka piirretään elementin polun ensimmäiselle, keskelle ja viimeiselle kohdalle:

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

Kokeile itse!

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