manuel de référence CSS

règles CSS @

大全 des attributs CSS

Fonction attr() CSS

L'expression CSS attr() est utilisée pour obtenir la valeur d'un attribut HTML spécifique de l'élément sélectionné et pour l'utiliser dans son style. Elle peut également être utilisée pour les pseudo-éléments, les valeurs des attributs étant celles de l'élément auquel le pseudo-élément est attaché. L'expression attr() peut être utilisée pour n'importe quel attribut CSS.

Fonction CSS

Exemple en ligne

Les exemples suivants insèrent du contenu après chaque lien :

Exemple

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>Tutoriel de base(oldtoolbag.com)</title>　
<style>
a:after　{content:　"　("　attr(href)　")";}
</style>
</head>
<body>
<p><a　href="//fr.oldtoolbag.com">Tutoriel de base</a></p>
<p><a　href="//fr.oldtoolbag.com/html/">HTML　Tutoriel</a></p>
<p><strong>Attention:</strong>　IE8　Il est nécessaire de déclarer !DOCTYPE pour que la fonction attr() soit prise en charge.</p>
</body>
</html>

Voyons si ‹/›

Définition et utilisation

La fonction attr() retourne la valeur de l'attribut de l'élément sélectionné.

Version prise en charge : CSS2

Compatibilité du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première fois que la fonction est prise en charge.

Fonction
attr()	2.0	8.0	1.0	3.1	9.0

Attention: IE8 Il est nécessaire de déclarer !DOCTYPE pour que la fonction attr() soit prise en charge.

Syntaxe CSS

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

Valeur	Description
attribute-name	Obligatoire. Nom de l'attribut de l'élément HTML.

Fonction CSS

Règle @charset CSS Fonctions CSS