English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La expresión CSS attr() se utiliza para obtener el valor de un atributo HTML de un elemento seleccionado y se utiliza en su estilo. También se puede usar en elementos pseudo, donde el valor es el elemento al que se adjunta el pseudo. La expresión attr() se puede usar en cualquier atributo CSS.
Los siguientes ejemplos insertan contenido después de cada enlace:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Tutoriales Básicos(oldtoolbag.com)</title>
<style>
a:after {content: " (" attr(href) ")";}
</style>
</head>
<body>
<p><a href="//es.oldtoolbag.com">Tutoriales Básicos</a></p>
<p><a href="//es.oldtoolbag.com/html/">HTML Tutorial</a></p>
<p><strong>Nota:</strong> IE8 Es necesario declarar !DOCTYPE para que el atributo attr() sea compatible.</p>
</body>
</html>Prueba y mira ‹/›La función attr() devuelve el valor del atributo del elemento seleccionado.
Versión compatible: CSS2
Los números en la tabla indican la versión del navegador que admite esta función por primera vez.
| Función | |||||
|---|---|---|---|---|---|
| attr() | 2.0 | 8.0 | 1.0 | 3.1 | 9.0 |
Nota: IE8 Es necesario declarar !DOCTYPE para que el atributo attr() sea compatible.
Sintaxis: attr( attribute-name <type-or-(unit>?[,<fallback>]?())
| Valor | Descripción |
|---|---|
| attribute-name | Obligatorio. Nombre del atributo del elemento HTML. |