คุณสมบัติ opacity สไตล์
- หน้าก่อน objectPosition
- หน้าต่อไป order
- กลับไปยังเพจหน้า อนุประเทศ HTML DOM Style
คำนิยามและการใช้งาน
opacity คุณสมบัติตั้งค่าหรือคืนคุณสมบัติระดับความโปร่งใสขององค์ประกอบ
ระดับความโปร่งใส (opacity-level) ขององค์ประกอบ กำหนดระดับโปร่งใส 1 ไม่มีสีขาว0.5 แสดงว่าโปร่ง 50%0 แสดงว่าเป็นสีขาว
ดูเพิ่มเติม
คู่มือ CSSคุณสมบัติ opacity
ตัวอย่าง
ทำให้ตัวองค์ประกอบ DIV โปร่ง
document.getElementById("myDIV").style.opacity = "0.5";
รูปแบบ
คืนคุณสมบัติ opacity
object.style.opacity
ตั้งคุณสมบัติ opacity
object.style.opacity = "number|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | การอธิบาย |
|---|---|
| number | กำหนดความโปร่งใส จาก 0.0 (สมบัติที่เป็นสีขาว) ถึง 1.0 (สมบัติที่ไม่มีสีขาว) |
| initial | ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | จากตัวอนุญาตของตัวพ่อของตัวนี้ รับมาคุณสมบัตินี้ โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น | 1 |
|---|---|
| ค่าที่ส่งกลับมา | ข้อความ แสดงระดับความโปร่งใสขององค์ประกอบ |
| CSS รุ่น: | CSS3 |
การสนับสนุนโดยบราวเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน objectPosition
- หน้าต่อไป order
- กลับไปยังเพจหน้า อนุประเทศ HTML DOM Style
