Conten digunakan dengan :: before dan :: aftar elemen pseudo untuk menghasilkan konten yang akan dimasukkan ke dalam elemen di halaman.

Nilai dari properti conten adalah conten yang dimasukkan ke elemen itu melalui elemen semu.

conten yang dimasukkan menggunakan properti conten dapat berupa string teks, mesin terbang, gambar, penghitung (untuk daftar gaya), atau kutipan. Menggabungkan beberapa nilai menjadi satu juga dimungkinkan. Lihat daftar nilai di bawah dan contoh untuk detailnya.

Perhatikan bahwa properti conten harus dimasukkan dalam seperangkat aturan untuk :: before dan :: after elemen semu, jika tidak, mereka tidak akan dihasilkan dan dimasukkan. Anda harus selalu memasukkan conten. Dalam banyak kasus, dibiarkan kosong jika Anda tidak ingin menambahkan conten apa pun dan hanya ingin menggunakan elemen pseudo untuk kasing kosmetik. Anda dapat membaca lebih lanjut tentang berbagai kasus penggunaan dan contoh untuk :: before dan :: after dalam entri masing-masing.

Aksesibilitas

Conten yang dimasukkan ke dalam halaman menggunakan elemen semu tidak dimasukkan ke dalam DOM — hanya ditampilkan secara visual. Karenanya, pembaca layar tidak akan dapat mengakses dan membaca Conten yang dihasilkan menggunakan elemen semu. Jadi, disarankan agar kalian tidak menggunakan elemen semu untuk menyisipkan Conten vital ke halaman (misalnya catatan footer yang relevan dengan artikel, misalnya).

Elemen pseudo sebagian besar digunakan untuk menyisipkan dan menata Conten kosmetik, dan tidak boleh dikalianlkan untuk memasukkan Conten yang relevan dengan makna dan kelengkapan Conten pada halaman.

Juga, karena Conten yang dimasukkan menggunakan elemen semu tidak dimasukkan ke dalam DOM, ini berarti kalian tidak dapat melampirkan penangan acara apa pun ke dalamnya menggunakan JavaScript.

Contoh Penulisan Syntax:

Berlaku untuk: ::before dan ::after pseudo-element