Proprietà marker-start CSS

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);
}

Prova tu stesso

Esempio 2

Punta a un segno (cerchio), che verrà disegnato sul primo vertice del percorso dell'elemento:

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

Prova tu stesso

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