CSS marker-mid ominaisuus

Määrittely ja käyttö

marker-mid Ominaisuus viittaa merkkiin, joka piirretään elementin polun kaikille keskimmäisille kohdille.

Merkinnän muoto määritetään SVG <marker>-elementillä ja viitataan siihen url()-arvon avulla.

CSS marker-mid Ominaisuuden arvo korvaa SVG:n marker-mid-ominaisuuden arvon.

Esimerkki

Esimerkki 1

Viittaa merkkiin (nuoli), joka piirretään elementin polun kaikille keskimmäisille kohdille:

#test {
  marker-mid: url(#arrow);
}

Kokeile itse

Esimerkki 2

Viittaa merkkiin (ympyrä), joka piirretään elementin polun kaikille keskimmäisille kohdille:

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

Kokeile itse

CSS syntaksi

marker-mid: none|url|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
none Oletusarvo. Mitään merkintää ei piirretä polun keskimmäisille kohdille.
url Viittaus URL-osoitteeseen, joka määritetään SVG <marker>-elementillä määritetyllä merkinnällä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial。
inherit Perii tämän ominaisuuden isältään. Katso inherit。

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Liittyvät sivut

Oppitunnit:SVG merkki

Viittaus:CSS marker ominaisuus

Viittaus:CSS marker-start ominaisuus

Viittaus:CSS marker-end ominaisuus