manual de referência CSS

regras CSS @RULES

大全 de propriedades CSS

Função attr() do CSS

A expressão CSS attr() é usada para obter o valor de um atributo HTML de um elemento selecionado e usá-lo no estilo. Também pode ser usada em pseudo-elementos, onde o valor é o elemento ao qual o pseudo-elemento está anexado. A expressão attr() pode ser usada em qualquer atributo CSS.

Função CSS

Exemplo Online

A seguir, um exemplo de inserção de conteúdo após cada link:

Exemplo

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>Tutorial Básico(oldtoolbag.com)</title>　
<style>
a:after　{content:　"　("　attr(href)　")";}
</style>
</head>
<body>
<p><a　href="//pt.oldtoolbag.com">Tutorial Básico</a></p>
<p><a　href="//pt.oldtoolbag.com/html/">HTML　Tutorial</a></p>
<p><strong>Atenção:</strong>　IE8　É necessário declarar !DOCTYPE para que o função attr() seja suportada.</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

A função attr() retorna o valor do atributo do elemento selecionado.

Versão suportada: CSS2

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa função.

Função
attr()	2.0	8.0	1.0	3.1	9.0

Atenção: IE8 É necessário declarar !DOCTYPE para que o função attr() seja suportada.

Sintaxe CSS

Sintaxe:　attr(　attribute-name　<type-ou-(<unit>?　[,　<fallback>　]?　)

Valor	Descrição
attribute-name	Obrigatório. Nome do atributo do elemento HTML.

Função CSS

Regra @charset do CSS Funções CSS