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">GeeksforGeeks</div> 
        <h1>The attr() Function</h1> 
        <a href="https://www.geeksforgeeks.org">GeeksforGeeks</a> 
    </body> 
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自Mahadev99大神的英文原创作品 CSS | attr() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。