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