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
Please Login to comment...