Properti CSS isolation

Definisi dan penggunaan

Atribut isolation menentukan apakah elemen harus membuat konteks penyangga baru.

Tips:Atribut isolation sangat berguna saat digunakan bersama background-blend-mode atau mix-blend-mode.

Lihat juga:

Panduan HTML DOM:Atribut isolation

Contoh

Buat konteks penyangga baru untuk elemen dengan id="e":

#e {
  isolation: isolate;
}

Coba sendiri

Sintaksis CSS

isolation: auto|isolate|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Standar. Hanya membuat konteks penyangga baru saat atribut yang diterapkan ke elemen memerlukannya,
isolate Harus dibuat konteks penyangga baru.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Turunan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS3
Sintaksis JavaScript: object.style.isolation="isolate"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Ya 30.0