Mengenal Property Content Pada CSS

Dalam tutorial kali ini saya akan mengenalkan salah satu property CSS yang cukup jarang dipakai, namun dalam beberapa kasus kita bisa membutuhkannya. Property CSS yang sama maksud adalah content. Bagi yang sudah tahu, boleh abaikan artikel ini, tapi bagi yang belum tahu, monggo simak dengan seksama...

Yang pertama saya membahas property content. Content digunakan untuk memasukan atau menyisipkan sebuah karakter lain ke dalam tag HTML dibagian awal tag (:before) dan bagian akhir tag (:after).

Contoh, disini saya akan memasukan sebuah teks lain kedalam suatu tag p (paragraf).

Hasil pada browser.

Property content memiliki beberapa value, diantaranya: normal, none, counter, attr, string, open-quote, close-quote, no-open-quote, no-close-quote,,url, initial dan inherit;

Contoh lain.

Hasil pada browser.

Kamu juga bisa menggunakan simbol-simbol HTML dengan value string (content: "\2639";) dsb...