Hàm attr
Hàm attr cho phép lấy trong
CSS giá trị thuộc tính của thẻ HTML.
Cú pháp
cssbộ chọn {
thuộc tính: attr(tên, kiểu, giá trị);
}
Tham số
| Tham số | Mô tả |
|---|---|
| tên | Tên thuộc tính của phần tử được truyền vào CSS. |
| kiểu |
Kiểu giá trị của thuộc tính CSS. Các từ khóa sau được chấp nhận:
string (chuỗi), color (màu), url (địa chỉ web), integer (số nguyên),
number (số thực), angle (góc), time (thời gian), deg (độ),
cũng như các đơn vị CSS như em, px, v.v.
|
| giá trị | Giá trị sẽ được sử dụng trong trường hợp thuộc tính không tồn tại hoặc trình duyệt không thể lấy được nó. |
Ví dụ
Hãy hiển thị giá trị thuộc tính href của liên kết
trong ngoặc đơn sau văn bản của nó:
html<a href="http://google.com">liên kết</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: