CSS isolation özelliği

Tanım ve kullanım

isolation özelliği, elementin yeni bir katman içeriği oluşturup oluşturmayacağını tanımlar.

İpucu:background-blend-mode veya mix-blend-mode ile birlikte kullanıldığında, isolation özelliği çok faydalıdır.

Ayrıca bakınız:

HTML DOM referans el kitabı:isolation özelliği

Örnek

id="e" olan element için yeni bir katman içeriği oluşturun:

#e {
  isolation: isolate;
}

Kişisel olarak deneyin

CSS dilbilgisi

isolation: auto|isolate|initial|inherit;

Özellik değeri

Değer Açıklama
auto Öntanımlı. Sadece elemente uygulanan özelliklerden biri buyu gerektiriyorsa, yeni bir katman içeriği oluşturulur.
isolate Yeni bir katman içeriği oluşturulmalıdır.
initial Bu özelliği, öntanımlı değerine ayarlar. Ayrıca bakınız: initial.
inherit Bu özelliği, ebeveyn elementinden bu özelliği kalıtsal olarak alır. Ayrıca bakınız: inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Kalıtım: Hayır
Animasyon yapımı: Desteklenmiyor. Ayrıca bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.isolation="isolate"

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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