ตัวแปร boxShadow ที่มีสไตล์

การกำหนดและการใช้งาน

boxShadow ตั้งค่าหรือส่งออกฉากเงาขององค์ประกอบกล่อง

ดูเพิ่มเติม

คู่มือ CSSแถวรันแบบ

ตัวอย่าง

เพิ่ม boxShadow ให้กับองค์ประกอบ div：

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

ทดลองด้วยตัวเอง

เกณฑ์

ส่งออก boxShadow องค์ประกอบ：

object.style.boxShadow

ตั้งค่า boxShadow องค์ประกอบ：

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

หมายเหตุ：boxShadow องค์ประกอบเพื่อเสริมฉากเงาหนึ่งหรือหลายตัวให้กับกล่อง องค์ประกอบนี้เป็นรายชื่อฉากเงาที่แยกด้วยคำ逗号 แต่ละฉากเงามีค่าระยะทาง 2-4 ตัว ค่าสีที่เป็นไปได้ (เลือกใช้) และคำใช้ inset (เลือกใช้) ขึ้นกับองค์ประกอบ ค่าที่ละเมิดเป็น 0

ค่าประกอบขององค์ประกอบ

ค่า คำอธิบาย
none ค่าปริยาย ไม่แสดงฉากเงา
h-shadow จำเป็น ตำแหน่งฉากเงาตามแนวนอน อนุญาตให้มีค่าลบ
v-shadow จำเป็น ตำแหน่งฉากเงาตามแนวตั้ง อนุญาตให้มีค่าลบ
blur ให้เลือกตั้ง ระยะทางที่เรียบเรียง
spread ให้เลือกตั้ง ขนาดของฉากเงา
color

ให้เลือกตั้ง สีของฉากเงา ค่าปริยายคือสีดำ

ดู ค่าสี CSS，ดูรายชื่อค่าสีที่ควรใช้ทั้งหมด

คำเตือน：ใน Safari (บนคอมพิวเตอร์)color ต้องมีค่าเพื่อบังคับ ถ้าไม่กำหนดสี ในบางทางไม่มีฉากเงา
inset ให้เลือกตั้ง
initial ตั้งค่าองค์ประกอบนี้เป็นค่าปริยาย โปรดดู initial。
inherit จากองค์ประกอบพ่อของมันที่มีนี้ขององค์ประกอบ โปรดดู inherit。

รายละเอียดเทคนิค

ค่าปริยาย ไม่มีอะไร
ค่าที่ส่งออกมา ตัวแปรสายสั้น，แสดงถึงองค์ประกอบขององค์ประกอบ แถวรันแบบ。
CSS รุ่น: CSS3

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 9.0 สนับสนุน 5.1 สนับสนุน