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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。