Style isolation Property
ဥပမာ
id="d" ဖြင့် ဒြပ်စင်အတွက် stacking context အသစ်တစ်ခု ဖန်တီးပါ-
document.getElementById("d").style.isolation = "isolate";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အထီးကျန်မှု ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခုသည် အတွဲလိုက်ပါဝင်သည့် အကြောင်းအရာအသစ်တစ်ခုကို ဖန်တီးရပါမည်လားဟု သတ်မှတ်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
isolation | 41.0 | 79.0 | 36.0 | Yes | 30.0 |
အထားအသို
သီးခြားပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.isolation
သီးခြားပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.isolation = "auto|isolate|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
auto | Default. A new stacking context is created only if one of the properties applied to the element requires it |
isolate | A new stacking context must be created |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | အော်တို |
---|---|
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- သီးခြားပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု