Proprietà marker CSS
- Pagina precedente margin-top
- Pagina successiva marker-end
Definizione e uso
marker
L'attributo punta a un marker che verrà disegnato su tutti i vertici della traccia dell'elemento (cioè i primi, intermedi e ultimi vertici).
La forma del marker è definita dall'elemento SVG <marker> e viene riferita tramite il valore url().
CSS marker
Il valore dell'attributo copre qualsiasi valore dell'attributo marker in SVG.
Esempio
Esempio 1
Punta a un marker (freccia), che verrà disegnato sui primi, intermedi e ultimi vertici della traccia dell'elemento:
#test { marker: url(#arrow); }
Esempio 2
Punta a un marker (cerchio), che verrà disegnato sui primi, intermedi e ultimi vertici della traccia dell'elemento:
#test { marker: url(#circle); }
Sintassi CSS
marker: none|url|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
none | Valore predefinito. Non verrà disegnato alcun marker sulla traccia. |
url | Riferimento URL del marker definito dall'elemento SVG <marker>. |
initial | Imposta questo attributo al suo valore predefinito. Vedi initial. |
inherit | Inherita da elemento padre di questo attributo. Vedi inherit. |
Supporto del browser
Il numero nella tabella rappresenta la versione del browser che supporta completamente l'attributo.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Pagine correlate
Lezione:Marchio SVG
Riferimento:Proprietà marker-start CSS
Riferimento:Proprietà marker-mid CSS
Riferimento:Proprietà marker-end CSS
- Pagina precedente margin-top
- Pagina successiva marker-end