خصائص isolation CSS

التعريف والاستخدام

تعرف خاصية 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
جافا سكربت syntax: object.style.isolation="isolate"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 نعم 30.0