Thuộc tính CSS isolation

Định nghĩa và cách sử dụng

Thuộc tính isolation xác định phần tử có phải tạo mới ngữ cảnh đ堆叠 không.

Lưu ý:Thuộc tính isolation rất hữu ích khi sử dụng cùng với background-blend-mode hoặc mix-blend-mode.

Xem thêm:

Hướng dẫn HTML DOM:Thuộc tính isolation

Mô hình

Tạo mới ngữ cảnh đ堆叠 cho phần tử có id="e":

#e {
  isolation: isolate;
}

Thử ngay

Ngữ pháp CSS

isolation: auto|isolate|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Chỉ tạo mới ngữ cảnh đ堆叠 khi thuộc tính của phần tử cần nó được áp dụng.
isolate Phải tạo mới ngữ cảnh đ堆叠.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.isolation="isolate"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Có 30.0