Hàm attr() của CSS

Định nghĩa và cách sử dụng

CSS attr() Hàm trả về giá trị thuộc tính của phần tử đã chọn.

Ví dụ sau chèn giá trị thuộc tính href sau mỗi phần tử <a> và đặt trong dấu ngoặc đơn:

a:after {
  content: " (" attr(href) ")";
}

attr(attribute-name type fallback)

Giá trị	Mô tả
attribute-name	Bắt buộc. Tên thuộc tính của phần tử HTML.
type	Tùy chọn. Loại hoặc đơn vị của giá trị thuộc tính. Có thể là một trong số sau: chuỗi màu url số nguyên số chiều dài góc em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt hoặc pc deg, grad, rad thời gian s, ms Hz, kHz % tần số
fallback	Tùy chọn. Giá trị thay thế nếu thuộc tính bị thiếu hoặc chứa giá trị không hợp lệ.

Giá trị

Mô tả

attribute-name

Bắt buộc. Tên thuộc tính của phần tử HTML.

type

Tùy chọn. Loại hoặc đơn vị của giá trị thuộc tính. Có thể là một trong số sau:

fallback

Tùy chọn. Giá trị thay thế nếu thuộc tính bị thiếu hoặc chứa giá trị không hợp lệ.

Phiên bản:	CSS2

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Chrome	Edge	Firefox	Safari	Opera
attr()
2	8	1	3.1	9
type Giá trị
Không hỗ trợ	Không hỗ trợ	Không hỗ trợ	Không hỗ trợ	Không hỗ trợ
fallback Giá trị
Không hỗ trợ	Không hỗ trợ	119	Không hỗ trợ	Không hỗ trợ