Tidadigi Logo

CSS attr() Function

Hàm attr() là một hàm dựng sẵn trong CSS. Nó trả về giá trị của một thuộc tính của các phần tử đã chọn.

Cú pháp: 

attr( attr_name )

Tham số: Hàm này chấp nhận một tham số duy nhất là attr_name. Tham số này dùng để giữ tên của thuộc tính trong phần tử HTML. Đây là tham số bắt buộc.

Giá trị trả về: Hàm này trả về giá trị của thuộc tính của các phần tử được chọn.

Ví dụ: Ví dụ dưới đây minh họa hàm attr() trong CSS.

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>
    <a href=
"https://www.geeksforgeeks.org/">
        GeeksforGeeks
    </a>
</body>

</html>

Đầu ra: 

css-attr-function

Trình duyệt được hỗ trợ:

  • Google Chrome
  • Edge
  • Firefox
  • Opera
  • Safari  

Last Updated : 21/07/2025