CSS attr()函数代码简单示例

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 >

【CSS attr()函数代码简单示例】输出如下:
CSS attr()函数代码简单示例

文章图片

    推荐阅读