ตัวอย่าง
เพิ่มช่องเงาองค์ประกอบ div นี้:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ boxShadow หรือผลตอบแทนที่ลดลงเงาขององค์ประกอบกล่อง
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ boxShadow รับการสนับสนุนใน IE9 +, Firefox, Chrome, Opera และ Safari 5.1.1
วากยสัมพันธ์
กลับ boxShadow ทรัพย์สิน:
object .style.boxShadowตั้ง boxShadow ทรัพย์สิน:
object .style.boxShadow="none| Note: คุณสมบัติ boxShadow ยึดติดหนึ่งหรือมากกว่าหนึ่งหล่นเงากล่อง โรงแรมแห่งนี้เป็นรายการที่คั่นด้วยเครื่องหมายจุลภาคของเงาที่ระบุไว้ในแต่ละ 2-4 ค่าความยาวสีตัวเลือกและคำหลักที่แทรกตัวเลือก ความยาวงด 0
ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ none ค่ามาตรฐาน ไม่มีเงาจะปรากฏ h-shadow จำเป็นต้องใช้ ตำแหน่งของเงาแนวนอน ค่าลบจะได้รับอนุญาต v-shadow จำเป็นต้องใช้ ตำแหน่งของเงาแนวตั้ง ค่าลบจะได้รับอนุญาต blur ไม่จำเป็น. ระยะทางเบลอ spread ไม่จำเป็น. ขนาดของเงา color ไม่จำเป็น. สีของเงา ค่าเริ่มต้นเป็นสีดำ ดู CSS ค่าสี สำหรับรายการที่สมบูรณ์ของค่าสีที่เป็นไปได้
หมายเหตุ: ใน Safari (on PC) พารามิเตอร์สีเป็นสิ่งจำเป็น หากคุณไม่ได้ระบุสีเงาจะไม่แสดงที่ทุกคน inset ไม่จำเป็น. การเปลี่ยนแปลงจากเงาเงาด้านนอก (outset) ไปยังเงาภายใน initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: ไม่มี กลับค่า: เชือกแทนกล่องเงาทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: box-shadow property
<สไตล์วัตถุ