Proprietà marker-mid CSS

Definizione e uso

marker-mid L'attributo punta a un marker che verrà disegnato su tutti i vertici intermedi del percorso dell'elemento.

La forma del marker è definita dall'elemento SVG <marker> e viene riferita tramite il valore url().

CSS marker-mid Il valore dell'attributo sovrascrive il valore dell'attributo marker-mid in SVG.

Esempio

Esempio 1

Punta a un marker (freccia) che verrà disegnato su tutti i vertici intermedi del percorso dell'elemento:

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

Prova tu stesso

Esempio 2

Punta a un marker (cerchio) che verrà disegnato su tutti i vertici intermedi del percorso dell'elemento:

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
none Valore predefinito. Non verrà disegnato alcun marker al centro del percorso.
url Riferimento all'URL del marker definito dall'elemento SVG <marker>.
initial Imposta questo attributo al suo valore predefinito. Vedi initial
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit

Supporto del browser

Le cifre nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Pagine correlate

Tutorial:Marchio SVG

Riferimento:Proprietà marker CSS

Riferimento:Proprietà marker-start CSS

Riferimento:Proprietà marker-end CSS