Style atribut textShadow

Definisi dan penggunaan

textShadow Atur atau kembalikan efek bayangan teks satu atau lebih.

Lihat juga:

Panduan pelajaran CSS:Bayangan teks CSS

Panduan referensi CSS:Atribut text-shadow

Contoh

Contoh 1

Tambahkan bayangan teks:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

Coba sendiri

Contoh 2

Kembalikan bayangan teks:

alert(document.getElementById("myP").style.textShadow);

Coba sendiri

Sintaks

Kembalikan atribut textShadow:

object.style.textShadow

Atur atribut textShadow:

object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"

Komentar:Atribut textShadow menambahkan satu atau lebih bayangan ke teks. Atribut ini adalah daftar bayangan yang dipisahkan dengan koma, setiap bayangan disediakan dengan 2 atau 3 nilai panjang dan warna opsional. Panjang yang diabaikan adalah 0.

Nilai atribut

Nilai Deskripsi
none Tidak menggambar bayangan. Default.
h-shadow Diperlukan. Lokasi bayangan horizontal. Memungkinkan nilai negatif.
v-shadow Diperlukan. Lokasi bayangan vertikal. Memungkinkan nilai negatif.
blur Opsional. Jarak blur.
color

Opsional. Warna bayangan.

Lihat Nilai warna CSSuntuk daftar penuh nilai warna yang mungkin.
initial Atur sifat ini ke nilai defaultnya. Lihat initial.
inherit Mewarisi sifat ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: none
Nilai kembalian: String, menunjukkan daftar efek bayangan yang diterapkan pada teks elemen, dipisahkan dengan koma.
Versi CSS: CSS3

Dukungan peramban

Terdapat angka di dalam tabel yang menandakan versi peramban pertama yang sepenuhnya mendukung sifat ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 10.0 Dukungan Dukungan Dukungan