Atribut boxShadow Style

definisi dan penggunaan

boxShadow atur atau kembalikan bayangan (drop-shadow) elemen bingkai.

lihat juga:

panduan CSS:box-shadow 属性

contoh

tambahkan box-shadow ke elemen div:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

coba sendiri

gramatika

kembalikan boxShadow atribut:

objek.style.boxShadow

atur boxShadow atribut:

objek.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

catatan:boxShadow Atribut menambahkan satu atau lebih bayangan ke bingkai. Atribut ini adalah daftar bayangan yang dipisahkan koma, setiap bayangan ditentukan oleh 2-4 nilai panjang, nilai warna opsional, dan kata kunci opsional 'inset'. Nilai yang diabaikan adalah 0.

nilai atribut

nilai deskripsi
none nilai standar. Bayangan tidak ditampilkan.
h-shadow wajib. Lokasi bayangan horizontal. Memungkinkan nilai negatif.
v-shadow wajib. Lokasi bayangan vertikal. Memungkinkan nilai negatif.
blur opsional. Jarak blur.
spread opsional. Ukuran bayangan.
color

opsional. Warna bayangan. Nilai standar adalah hitam.

lihat nilai warna CSSdapatkan daftar penuh nilai warna yang mungkin.

catatan:di Safari (di PC),color parameter wajib. Jika warna tidak disebutkan, bayangan tidak akan ditampilkan.
inset opsional. Ubah bayangan eksternal (outset) menjadi bayangan internal.
initial atur atribut ini ke nilai standarnya. Lihat initial。
inherit mengambil atribut ini dari elemen induknya. Lihat inherit。

detil teknis

nilai standar: tidak ada
nilai kembalian: string, menunjukkan elemen box-shadow 属性。
。 Versi CSS:

CSS3

Dukungan Peramban Chrome Edge Firefox Safari
Dukungan Peramban Chrome Edge Firefox Safari
5.1 Opera 5.1 9.0 5.1