Recomendação de curso:

Função attr() do CSS

Definição e uso do CSS attr() A função retorna o valor do atributo do elemento selecionado.

Exemplo

O exemplo a seguir insere o valor do atributo href após cada elemento <a>, entre parênteses:

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

Experimente você mesmo

Sintaxe do CSS

attr(attribute-name type fallback)
Valor Descrição
attribute-name Obrigatório. Nome do atributo do elemento HTML.
type

Opcional. Tipo ou unidade do valor do atributo. Pode ser um dos seguintes:

  • 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 Opcional. Valor alternativo se o atributo estiver ausente ou contiver valores inválidos.

Detalhes técnicos

Versão: CSS2

Suporte do navegador

Os números na tabela representam a versão do navegador que suportou completamente a função pela primeira vez.

Chrome Edge Firefox Safari Ópera
attr()
2 8 1 3.1 9
type Valor
Não suportado Não suportado Não suportado Não suportado Não suportado
fallback Valor
Não suportado Não suportado 119 Não suportado Não suportado