Tembok Teks CSS
- Halaman Sebelumnya Jarak Teks CSS
- Halaman Berikutnya Font CSS
Bayangan teks
text-shadow
Atribut menambahkan bayangan ke teks.
Penggunaan paling sederhana adalah hanya menentukan bayangan horizontal (2px) dan bayangan vertikal (2px):
Efek bayangan teks!
Contoh
h1 { text-shadow: 2px 2px; }
Selanjutnya, tambahkan warna ke bayangan (merah):
Efek bayangan teks!
Contoh
h1 { text-shadow: 2px 2px merah; }
Lalu, tambahkan efek blur ke bayangan (5px):
Efek bayangan teks!
Contoh
h1 { text-shadow: 2px 2px 5px merah; }
Petunjuk:Buka Font CSS Bab, pelajari cara mengubah font, ukuran teks dan gaya teks.
Petunjuk:Buka Efek Teks CSS Bab, pelajari cara melaksanakan efek teks yang berbeda.
Semua atribut teks CSS
Atribut | Deskripsi |
---|---|
color | Tentukan warna teks. |
direction | Tentukan arah teks / arah tulisan. |
letter-spacing | Tentukan jarak karakter. |
line-height | Tentukan tinggi baris. |
text-align | Tentukan cara penyesuaian horizontal teks. |
text-decoration | Tentukan efek dekorasi yang ditambahkan ke teks. |
text-indent | Tentukan indent pertama di dalam blok teks. |
text-shadow | Tentukan efek bayangan yang ditambahkan ke teks. |
text-transform | Kendalikan ukuran huruf kecil dan besar. |
text-overflow | Tentukan bagaimana konten kelebihan yang tidak terlihat harus disampaikan kepada pengguna. |
unicode-bidi | Gunakan bersamaan dengan atribut direction untuk menetapkan atau mengembalikan apakah teks harus diulang untuk mendukung berbagai bahasa di dalam dokumen yang sama. |
vertical-align | Tentukan cara penyesuaian vertikal teks. |
white-space | Tentukan bagaimana mengelola spasi di dalam elemen. |
word-spacing | Atur jarak kata. |
- Halaman Sebelumnya Jarak Teks CSS
- Halaman Berikutnya Font CSS