ความทึบ ของ สไตล์คุณสมบัติ
ตัวอย่าง
ทำให้องค์ประกอบ DIV โปร่งใส:
document.getElementById("myDIV").style.opacity = "0.5";
ความหมายและการใช้งาน
คุณสมบัติความทึบตั้งค่าหรือส่งคืนระดับความทึบขององค์ประกอบ
ระดับความทึบขององค์ประกอบอธิบายระดับความโปร่งใส โดยที่ 1 ไม่โปร่งใสเลย 0.5 คือ 50% ซีทรู และ 0 โปร่งใสทั้งหมด
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
หมายเหตุ: IE8 และรุ่นก่อนหน้ารองรับคุณสมบัติตัวกรองทางเลือก
ไวยากรณ์
คืนคุณสมบัติความทึบ:
object.style.opacity
ตั้งค่าคุณสมบัติความทึบ:
object.style.opacity = "number|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 1 |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงระดับความทึบขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติความทึบ
❮ สไตล์วัตถุ