Style atribut textShadow

Definisi dan penggunaan

textShadow Atur atau kembalikan satu atau beberapa efek bayangan teks.

Lihat juga:

Panduan pelatihan 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

Syarat

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 disusun dari 2 atau 3 nilai panjang dan warna pilihan. Panjang yang diabaikan adalah 0.

Nilai atribut

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

Pilihan. Warna bayangan.

Lihat Nilai warna CSSuntuk daftar penuh nilai warna yang mungkin.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen orang tua. Lihat inherit.

Detil teknis

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

Dukungan peramban

Angka di tabel menunjukkan versi peramban yang pertama yang mendukung atribut ini penuhnya.

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