attr()函数是CSS中的内置函数, 它返回所选元素的属性值。
语法如下:
attr( attr_name )
参数:该函数接受单个参数attr_name用于保存HTML元素中属性的名称。它是必填参数。
返回值:该函数返回选定元素的属性值。
下面的示例说明了CSS中的attr()函数:
程序:
<!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" >lsbin</ div >
< h1 >The attr() Function</ h1 >
< a href = "https://www.lsbin.org" >lsbin</ a >
</ body >
</ html >
输出如下: