ویژگی CSS isolation

تعریف و استفاده

ویژگی isolation تعیین می‌کند که آیا باید یک محیط است堆دادی جدید ایجاد شود یا خیر.

توضیح:وقتی با background-blend-mode یا mix-blend-mode استفاده می‌شود، ویژگی isolation بسیار مفید است.

لطفاً به:

دستنوشت HTML DOM:ویژگی isolation

مثال

برای ایجاد یک محیط است堆دادی جدید برای عنصر با شناسه "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