Función attr
La función attr permite obtener en
CSS el valor de un atributo de una etiqueta HTML.
Sintaxis
cssselector {
propiedad: attr(nombre, tipo, valor);
}
Parámetros
| Parámetro | Descripción |
|---|---|
| nombre | Nombre del atributo del elemento que se pasa a CSS. |
| tipo |
Tipo de valor de la propiedad CSS. Son válidas las siguientes palabras clave:
string (cadena), color (color), url (dirección web), integer (número entero),
number (número real), angle (ángulo), time (tiempo), deg (grado),
así como unidades CSS como em, px, etc.
|
| valor | Valor que se utilizará en caso de que el atributo no exista o el navegador no pueda obtenerlo. |
Ejemplo
Mostremos entre paréntesis el valor de su atributo
href después del texto del enlace:
html<a href="http://google.com">enlace</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: