Sifat text-shadow CSS
- halaman sebelumnya text-overflow
- halaman berikutnya text-transform
definisi dan penggunaan
sifat text-shadow menetapkan bayangan ke teks.
lihat juga:
panduan CSS3:Kesan teks CSS3
panduan HTML DOM:sifat textShadow
contoh
efek bayangan teks asas:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
ada lagi contoh di bawah halaman.
gramatika CSS
text-shadow: h-shadow v-shadow blur color;
catatan:sifat text-shadow menambahkan satu atau lebih bayangan ke teks. Sifat ini adalah senarai bayangan yang dipisahkan koma, di mana setiap bayangan mempunyai dua atau tiga nilai panjang dan secara pilihan warna. Panjang yang diabaikan adalah 0.
nilai sifat
| nilai | penyataan | pengujian |
|---|---|---|
| h-shadow | wajib. kedudukan bayangan menegah. membenarkan nilai negatif. | pengujian |
| v-shadow | wajib. kedudukan bayangan menegak. membenarkan nilai negatif. | pengujian |
| blur | pilihan. jarak kabur. | pengujian |
| color | pilihan. warna bayangan. lihat Nilai Warna CSS. | pengujian |
perincian teknologi
| nilai lalai: | tiada |
|---|---|
| keluasan warisan: | ya |
| versi: | CSS3 |
| gramatika JavaScript: | object.style.textShadow="2px 2px #ff0000" |
contoh lainnya
- bayangan teks dengan efek kabur
- contoh ini menunjukkan bayangan teks dengan efek kabur.
- bayangan di atas teks putih
- contoh ini menunjukkan bayangan teks di atas teks putih.
- bayangan teks dengan efek neon
- contoh ini menunjukkan bayangan teks dengan efek neon.
keupayaan pereka
nombor di dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- halaman sebelumnya text-overflow
- halaman berikutnya text-transform
