Rekomendasi kursus:

Fungsi attr() CSS

Definisi dan penggunaan CSS attr() Fungsi mengembalikan nilai atribut elemen yang dipilih.

Contoh

Contoh di bawah menambahkan nilai atribut href setelah setiap elemen <a> dan membungkusnya dengan tanda kurung:

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

Coba sendiri

Sintaks CSS

attr(attribute-name type fallback)
Nilai Deskripsi
attribute-name Diperlukan. Nama atribut elemen HTML.
type

Pilihan. Tipe atau satuan nilai atribut. Bisa salah satu dari berikut ini:

  • string
  • color
  • url
  • integer
  • number
  • length
  • angle
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt atau pc
  • deg, grad, rad
  • time
  • s, ms
  • Hz, kHz
  • %
  • frequency
fallback Pilihan. Nilai cadangan jika atribut hilang atau mengandung nilai yang tidak sah.

Detil teknis

Versi： CSS2

Dukungan browser

Angka di tabel menunjukkan versi browser yang sepenuhnya mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
attr()
2 8 1 3.1 9
type Nilai
Tidak didukung Tidak didukung Tidak didukung Tidak didukung Tidak didukung
fallback Nilai
Tidak didukung Tidak didukung 119 Tidak didukung Tidak didukung