CSS TutorialLesson 32Preview gratis
CSS Pseudo-elements
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pseudo-element membuat potongan konten tambahan pada elemen seolah-olah itu elemen tersendiri, dan ditulis dengan dua titik dua seperti ::before atau ::after. Melalui properti content, kita bisa menambahkan teks, ikon, atau kotak dekoratif tanpa menyentuh HTML. Pseudo-element lain seperti ::first-letter dan ::first-line mempercantik huruf pembuka atau baris pertama.
Poin kunci
- Sintaks pseudo-element memakai dua titik dua, misalnya Elemen::before dan Elemen::after.
- Properti content wajib diisi agar pseudo-element menampilkan sesuatu.
- ::before menempatkan konten sebelum isi elemen, ::after sesudahnya.
- ::first-letter dan ::first-line mempercantik bagian awal teks.
- Pseudo-element bisa diberi gaya penuh seperti elemen biasa, termasuk display, margin, dan position.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.