CSS isolation รายการ

คำอธิบายและวิธีใช้

คุณสมบัติ isolation กำหนดว่าองค์ประกอบจะต้องสร้างบรรยากาศตระนูล์ใหม่หรือไม่

คำแนะนำ:คุณสมบัติ isolation มีประโยชน์เมื่อใช้ร่วมกับ background-blend-mode หรือ mix-blend-mode

ดูเพิ่มเติม:

คู่มือ HTML DOMคุณสมบัติ isolation

ตัวอย่าง

สร้างบรรยากาศตระนูล์ใหม่สำหรับองค์ประกอบที่มี id="e":

#e {
  isolation: isolate;
}

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

ระบบภาษา CSS

isolation: auto|isolate|initial|inherit;

ค่าคุณสมบัติ

ค่า รายละเอียด
auto ค่าเริ่มต้น。สร้างบรรยากาศตระนูล์ใหม่เฉพาะเมื่อคุณสมบัติหนึ่งขององค์ประกอบต้องการมัน
isolate จำเป็นต้องสร้างบรรยากาศตระนูล์ใหม่
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น ดูข้อมูล: initial.
inherit สืบทอดคุณสมบัตินี้จากตัวปลายทางของเล่มที่เดียวกัน ดูข้อมูล: inherit.

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

ค่าเริ่มต้น: auto
การสืบทอด: ไม่
การสร้างอนุกรมวิธี: ไม่สนับสนุน。ดูข้อมูล:คุณสมบัติที่เกี่ยวกับอนุกรมวิธี.
รุ่น: CSS3
ระบบทางภาษาเจาะจง: object.style.isolation="isolate"

การสนับสนุนเบราเซอร์

ตัวเลขในตารางบอกว่าอุปกรณ์เบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้คือ。

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 ใช่ 30.0