Hàm CSS attr ()
attr () là một hàm CSS trả về giá trị của một thuộc tính. Điều đó nghĩa là bạn có thể xác định nội dung trong đánh dấu html của bạn bằng cách sử dụng bất kỳ thuộc tính tùy chỉnh nào và sau đó tìm nạp giá trị bằng cách sử dụng attr (). Nó chỉ hoạt động trên thuộc tính nội dung tại thời điểm này, nhưng hỗ trợ cho các thuộc tính khác hiện đang trong giai đoạn thử nghiệm.
Một ví dụ sẽ giúp giải thích. Đầu tiên, đánh dấu HTML:
<span data-tooltip="Cascading Style Sheets">CSS</span>
Và bây giờ là CSS:
[data-tooltip]::before {
content: attr(data-tooltip);
}
Và với điều này, bạn có thể tạo chú giải công cụ tùy chỉnh trong CSS thuần túy.
Hỗ trợ trình duyệt
👉 Thông tin trình duyệt dành cho các thuộc tính khác với nội dung. attr () hoạt động trên tất cả các trình duyệt cho nội dung.
Tôi có thể sử dụng css3-attr không? Dữ liệu về hỗ trợ tính năng css3-attr trên các trình duyệt chính từ caniuse.com.
Các tin liên quan
Radial Gradients trong CSS2016-06-13
Ngữ pháp tuyến tính trong CSS
2016-06-12
CSS: so khớp () Pseudo-Class
2016-06-02
Giới thiệu ngắn gọn về các biến CSS (Thuộc tính tùy chỉnh)
2016-06-01
Phát hiện tính năng trong CSS với @supports
2016-05-05
Bộ chọn thuộc tính CSS
2016-02-05
Hàm calc () CSS
2015-10-08
Cách sử dụng Bộ tiền xử lý CSS LESS trên VPS Ubuntu
2014-01-27
