Teks Bayangan 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;
}

Coba sendiri

Selanjutnya, tambahkan warna ke bayangan (merah):

Efek bayangan teks!

Contoh

h1 {
  text-shadow: 2px 2px red;
}

Coba sendiri

Lalu, tambahkan efek blur ke bayangan (5px):

Efek bayangan teks!

Contoh

h1 {
  text-shadow: 2px 2px 5px red;
}

Coba sendiri

Petunjuk:Buka Font CSS Bab, belajar bagaimana untuk mengubah font, ukuran teks dan gaya teks.

Petunjuk:Buka Efect Teks CSS Bab, belajar bagaimana untuk mencapai efek teks yang berbeda.

Semua atribut teks CSS

Atribut Deskripsi
color Tetapkan warna teks.
direction Tetapkan arah teks / arah tulisan.
letter-spacing Tetapkan jarak karakter.
line-height Tetapkan tinggi baris.
text-align Tetapkan cara penarikan teks secara horizontal.
text-decoration Tetapkan efek hiasan yang ditambahkan ke teks.
text-indent Tetapkan indent pertama baris teks di dalam blok teks.
text-shadow Tetapkan efek bayangan yang ditambahkan ke teks.
text-transform Kendalikan besarnya huruf besar dan kecil teks.
text-overflow Tetapkan bagaimana konten kelebihan yang belum ditampilkan harus diperingatkan kepada pengguna.
unicode-bidi Gunakan bersama-sama dengan atribut direction untuk menetapkan atau mengembalikan apakah teks harus ditulis kembali untuk mendukung berbagai bahasa di dalam dokumen yang sama.
vertical-align Tetapkan cara penarikan teks secara vertikal.
white-space Tetapkan bagaimana mengelola ruang kosong di dalam elemen.
空格 单词 设置 空格 单词