Proprietà marker-mid CSS
- Pagina precedente marker-end
- Pagina successiva marker-start
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); }
Esempio 2
Punta a un marker (cerchio) che verrà disegnato su tutti i vertici intermedi del percorso dell'elemento:
#test { marker-mid: url(#circle); }
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
- Pagina precedente marker-end
- Pagina successiva marker-start