Fungsi attr
Fungsi attr memungkinkan untuk mendapatkan
nilai atribut tag HTML dalam CSS.
Sintaksis
cssselektor {
properti: attr(nama, tipe, nilai);
}
Parameter
| Parameter | Deskripsi |
|---|---|
| nama | Nama atribut elemen yang diteruskan ke CSS. |
| tipe |
Tipe nilai properti CSS. Kata kunci berikut diizinkan:
string (string), color (warna), url (alamat web), integer (bilangan bulat),
number (bilangan riil), angle (sudut), time (waktu), deg (derajat),
serta unit CSS seperti em, px dan lainnya.
|
| nilai | Nilai yang akan digunakan jika atribut tidak ada atau browser tidak dapat mendapatkannya. |
Contoh
Mari kita tampilkan nilai atribut href
dari tautan dalam tanda kurung setelah teksnya:
html<a href="http://google.com">tautan</a>cssa::after {
content: ' (' attr(href) ')';
}
Результат: