Contoh
Menambahkan bayangan ke teks:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px
10px 1px #0000ff"; Cobalah sendiri " Definisi dan Penggunaan
The textShadow set properti atau mengembalikan satu bijih lebih efek bayangan untuk teks.
Dukungan Browser
Properti textShadow didukung di semua browser utama.
Catatan: Properti textShadow tidak didukung di Internet Explorer 9 dan versi sebelumnya.
Sintaksis
Kembali properti textShadow:
object .style.textShadow
Mengatur properti textShadow:
object .style.textShadow="none| Note: Properti textShadow menempel satu atau lebih bayangan untuk teks. Properti adalah daftar dipisahkan koma bayangan, masing-masing yang ditentukan oleh 2 atau 3 nilai panjang dan warna opsional. panjang dihilangkan adalah 0. Nilai properti
Nilai Deskripsi none Tidak ada bayangan ditarik. Ini adalah default h-shadow Wajib. Posisi bayangan horizontal. nilai negatif diperbolehkan v-shadow Wajib. Posisi bayangan vertikal. nilai negatif diperbolehkan blur Pilihan. Blur jarak color Pilihan. Warna bayangan. Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tak satupun Kembali Nilai: Sebuah String, mewakili daftar dipisahkan koma efek bayangan diterapkan ke teks dari elemen CSS Versi CSS3
Contoh lebih
Contoh
Kembali bayangan teks:
alert(document.getElementById("myP").style.textShadow); Cobalah sendiri "
Pages terkait
CSS tutorial: Efek CSS3 Text
Referensi CSS: text-shadow property
<Style Object