CSS AdvancedLesson 55Preview gratis
CSS Text Effects
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pelajaran ini membahas efek teks seperti bayangan, potongan teks yang meluap (`text-overflow`), dan pengendalian pemotongan kata (`overflow-wrap`, `word-break`). Fitur-fitur ini penting untuk membuat judul yang rapi dan mencegah teks panjang merusak tata letak. Ada juga `writing-mode` untuk menampilkan teks vertikal.
Poin kunci
- `text-overflow: ellipsis` menampilkan tiga titik saat teks terpotong dalam elemen berlebar tetap
- `overflow-wrap: break-word` memecah kata panjang agar tidak meluber keluar
- `word-break: break-all` memotong kata di sembarang karakter
- `writing-mode: vertical-rl` menampilkan teks mengalir ke bawah
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.