Proprietà marker-start CSS
- Pagina precedente marker-mid
- Pagina successiva mask
Definizione e uso
marker-start
L'attributo punta a un segno che verrà disegnato sul primo vertice del percorso dell'elemento.
La forma del segno è definita dall'elemento SVG <marker> e referenziata tramite il valore url().
CSS marker-start
Il valore dell'attributo sovrascrive il valore dell'attributo marker-start in SVG.
Esempio
Esempio 1
Punta a un segno (freccia), che verrà disegnato sul primo vertice del percorso dell'elemento:
#test { marker-start: url(#arrow); }
Esempio 2
Punta a un segno (cerchio), che verrà disegnato sul primo vertice del percorso dell'elemento:
#test { marker-start: url(#circle); }
Sintassi CSS
marker-start: none;url|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
none | Valore predefinito. Non verrà disegnato alcun segno sul primo vertice del percorso. |
url | Riferimento URL per il segno definito dall'elemento SVG <marker>. |
initial | Imposta l'attributo al suo valore predefinito. Vedi initial. |
inherit | Inherita da elemento padre. Vedi inherit. |
Supporto del browser
Le cifre nella tabella rappresentano la versione del browser che supporta completamente l'attributo per la prima volta.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Pagine correlate
Tutorial:Simbolo SVG
Riferimento:Proprietà marker CSS
Riferimento:Proprietà marker-mid CSS
Riferimento:Proprietà marker-end CSS
- Pagina precedente marker-mid
- Pagina successiva mask