Contoh
Menambahkan kotak-shadow untuk elemen div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Cobalah sendiri " Definisi dan Penggunaan
The boxShadow set properti atau mengembalikan drop-bayangan dari elemen kotak.
Dukungan Browser
Properti boxShadow didukung dalam IE9 +, Firefox, Chrome, Opera, dan Safari 5.1.1.
Sintaksis
Kembali properti boxShadow:
object .style.boxShadowMengatur properti boxShadow:
object .style.boxShadow="none| Note: Properti boxShadow menempel satu atau lebih drop-bayangan ke kotak. Properti adalah daftar dipisahkan koma bayangan, masing-masing yang ditentukan oleh 2-4 nilai panjang, warna opsional, dan inset kata kunci opsional. panjang dihilangkan adalah 0.
Nilai properti
Nilai Deskripsi none nilai default. Tidak ada bayangan ditampilkan h-shadow Wajib. Posisi bayangan horizontal. nilai negatif diperbolehkan v-shadow Wajib. Posisi bayangan vertikal. nilai negatif diperbolehkan blur Pilihan. Blur jarak spread Pilihan. Ukuran bayangan color Pilihan. Warna bayangan. Nilai default adalah hitam. Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna.
Catatan: Dalam Safari (on PC) parameter warna diperlukan. Jika Anda tidak menentukan warna, bayangan tidak ditampilkan sama sekali. inset Pilihan. Mengubah bayangan dari bayangan luar (outset) untuk bayangan batin 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, yang mewakili properti kotak-bayangan elemen CSS Versi CSS3
Pages terkait
Referensi CSS: box-shadow property
<Style Object