CSS content 属性

Definisi dan penggunaan

Atribut content digunakan bersama-sama dengan pseudo-element :before dan :after untuk memasukkan konten generasi.

Keterangan

Atribut ini digunakan untuk menentukan konten generasi yang ditempatkan 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 referensi CSS:Pseudo-element :before CSS

Panduan referensi CSS:Pseudo-element :after CSS

Panduan referensi HTML DOM:Atribut content

Contoh

Contoh di bawah ini menambahkan tanda kurung di belakang setiap URL yang berikutnya dalam link:

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

Coba sendiri

Syntax 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 Disyaratkan agar nilai atribut content diwarisi dari elemen induk.

Detil teknis

Nilai default: normal
Inheritance: tidak
Versi: CSS2
Syntax JavaScript: object.style.content="url(beep.wav)"

Dukungan pemeriksa

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

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