Recomendaciones de cursos:

Función attr() de CSS

Definición y uso de CSS attr() La función devuelve el valor del atributo del elemento seleccionado.

Ejemplo

El siguiente ejemplo inserta el valor del atributo href después de cada elemento <a> y lo encierra en paréntesis:

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

Prueba personalmente

Sintaxis de CSS

attr(attribute-name type fallback)
Valor description
attribute-name Obligatorio. Nombre del atributo del elemento HTML.
type

Opcional. Tipo o unidad del valor del atributo. Puede ser uno de los siguientes:

  • 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 Opcional. Valor alternativo si falta el atributo o contiene un valor no válido.

Detalles técnicos

Versión: CSS2

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que primero admite esta función.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Valor
No soportado No soportado No soportado No soportado No soportado
fallback Valor
No soportado No soportado 119 No soportado No soportado