Proprietà marker CSS

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

Prova da solo

Esempio 2

Punta a un marker (cerchio), che verrà disegnato sui primi, intermedi e ultimi vertici della traccia dell'elemento:

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

Prova da solo

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