attr () (singkatan untuk ‘atribut’) adalah fungsi yang mengembalikan sebagai string nilai atribut suatu elemen.

Misalnya, attr (X) mengembalikan nilai atribut X yang ditentukan pada elemen. Jika elemen tidak memiliki atribut X, string kosong dikembalikan. Misalnya, tautan <a> memiliki atribut href yang menentukan lokasi yang ditunjukkan oleh tautan. Menggunakan properti konten dengan fungsi attr () Anda dapat mengambil nilai URL di atribut href, yang cukup kuat. Ini dapat digunakan dalam lembar gaya cetak untuk mencetak URL yang ditunjuk oleh sebuah tautan, tepat setelah konten tautan itu (menggunakan elemen :: after pseudo-element). Sebagai contoh:

Aturan di atas memilih semua tautan yang memiliki atribut href (menggunakan pemilih atribut), mengambil nilai atribut href menggunakan fungsi attr (), dan kemudian menggunakan nilai itu sebagai konten :: after pseudo-element, yang akan dimasukkan ke dalam tautan setelah konten tautan.

Fungsi attr () dapat mengambil nilai atribut apa pun dari suatu elemen, termasuk atribut data- * HTML5 kustom. Sebagai contoh:

Di CSS3, ekspresi attr () mendapatkan sintaks baru. Sintaks baru belum stabil, belum didukung di browser apa pun, dan tidak ada contoh kasus penggunaan di mana pun. Spesifikasi tersebut juga mengatakan bahwa sintaks baru beresiko dan dapat dijatuhkan selama tahap Rekomendasi Kandidat. Jika sintaks baru tidak dihapus, entri ini akan diperbarui dengan nilai-nilai baru. Sintaksnya terlihat seperti berikut:

 

di mana <attr-name> adalah nama atribut, <type-or-unit> adalah argumen opsional yang memberi tahu agen pengguna cara menafsirkan nilai atribut, dan mendefinisikan tipe untuk ekspresi attr (). Jika dihilangkan, ‘string’ tersirat. Argumen <attr-fallback> mewakili nilai fallback, yang digunakan jika atribut yang disebutkan tidak ada, atau nilainya tidak dapat diuraikan ke dalam tipe yang diberikan atau tidak valid / di luar jangkauan properti. Jika tidak ada, nilai default untuk <tipe-atau-unit <yang diberikan (dari daftar di bawah) tersirat.

Jenis atau unit argumen dapat berupa salah satu dari yang berikut: ‘string’, ‘warna’, ‘url’, ‘integer’, ‘angka’, ‘angka’,, panjang ’,‘ sudut ’,, waktu’, ‘frekuensi’.

Seperti disebutkan di atas, entri ini akan diperbarui dengan deskripsi dan contoh yang terperinci jika sintaks ekspresi baru tidak dihapus di masa mendatang.

WhatsApp chat