Atribut content CSS

Definisi dan penggunaan

Atribut content digunakan bersama :before dan :after pseudo-element untuk memasukkan konten generik.

Keterangan

Atribut ini digunakan untuk menentukan konten yang diatur sebelum atau setelah elemen. Secara default, ini sering kali konten rata, namun tipe kotak yang dibuat konten ini dapat diatur dengan atribut display.

Lihat pula:

Panduan CSS:Pseudo-element :before CSS

Panduan CSS:Pseudo-element :after CSS

Panduan HTML DOM:Atribut content

Contoh

Contoh di bawah ini menambahkan tanda kurung di belakang setiap tautan URL:

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

Coba sendiri

Sintaksis CSS

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Nilai atribut

Nilai Deskripsi
none 　
normal 　
spesifikasi content 　
inherit Ditetapkan supaya nilai atribut content diwarisi dari elemen induk.

Detil teknis

Nilai standar: normal
Inheritsi: no
Versi: CSS2
Sintaksis JavaScript: object.style.content="url(beep.wav)"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0