CSS | attr() Function
The attr() function is an inbuilt function in CSS which returns the value of an attribute of the selected elements.
Syntax:
attr( attr_name )
Parameter: This function accepts single parameter attr_name which is used to hold the name of attribute in HTML element. It is mandatory parameter.
Return Value: This function returns the value of attribute of selected elements.
Below example illustrates the attr() function in CSS:
Program:
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> </body></html> |
Output:
Supported Browser:
- Google Chrome 2.0
- Edge 12
- Internet Explorer 8.0
- Firefox 1.0
- Opera 9.0
- Safari 3.1
.png)
