CSS marker-start ominaisuus

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

Kokeile itse

Esimerkki 2

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

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

Kokeile itse

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