La función attr() es una función incorporada en CSS que devuelve el valor de un atributo de los elementos seleccionados.
Sintaxis:
attr( attr_name )
Parámetro: esta función acepta un solo parámetro attr_name que se utiliza para contener el nombre del atributo en el elemento HTML. Es un parámetro obligatorio.
Valor devuelto: esta función devuelve el valor del atributo de los elementos seleccionados.
El siguiente ejemplo ilustra la función attr() en CSS:
Programa:
html
<!DOCTYPE html> <html> <head> <title>attr function</title> <style> a:before { content: attr(href) " =>"; } a { text-decoration:none; } .gfg { font-size:40px; color:green; font-weight:bold; } body { text-align:center; } </style> </head> <body> <div class = "gfg">GeeksforGeeks</div> <h1>The attr() Function</h1> <a href="https://www.geeksforgeeks.org">GeeksforGeeks</a> </body> </html>
Producción:
Navegador compatible:
- Google Chrome 2.0
- Internet Explorer 8.0
- Firefox 1.0
- Ópera 9.0
- Safari 3.1