Recommandation de cours :

Fonction attr() de CSS

Définition et utilisation de CSS attr() La fonction renvoie la valeur de l'attribut de l'élément sélectionné.

Exemple

L'exemple suivant insère la valeur de l'attribut href après chaque élément <a> et l'encadre de parenthèses :

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

Essayez-le vous-même

Syntaxe CSS

attr(attribute-name type fallback)
Valeur Description
attribute-name Obligatoire. Nom de l'attribut de l'élément HTML.
type

Optionnel. Type ou unité de la valeur de l'attribut. Peut être l'un des éléments suivants :

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt ou pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Optionnel. Valeur de remplacement si l'attribut manque ou contient une valeur invalide.

Détails techniques

Version : CSS2

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette fonction pour la première fois.

Chrome Edge Firefox Safari Opéra
attr()
2 8 1 3.1 9
type Valeur
Non pris en charge Non pris en charge Non pris en charge Non pris en charge Non pris en charge
fallback Valeur
Non pris en charge Non pris en charge 119 Non pris en charge Non pris en charge