Funzione attr() di CSS

Definizione e uso

CSS attr() La funzione restituisce il valore dell'attributo dell'elemento selezionato.

Esempio

Esempio che inserisce il valore dell'attributo href dopo ogni elemento <a>, racchiuso tra parentesi:

a:after {
  content: " (" attr(href) ")";
}

Prova a farlo tu stesso

Sintassi CSS

attr(attribute-name type fallback)
Valore Descrizione
attribute-name Obbligatorio. Il nome dell'attributo dell'elemento HTML.
type

Opzionale. Il tipo o l'unità del valore dell'attributo. Può essere uno dei seguenti:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt o pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Opzionale. Valore di riserva se l'attributo mancante o contiene valori non validi.

Dettagli tecnici

Versione: CSS2

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Valore
Non supportato Non supportato Non supportato Non supportato Non supportato
fallback Valore
Non supportato Non supportato 119 Non supportato Non supportato