CSS isolation অপারেটর
- পূর্ববর্তী পৃষ্ঠা inset-inline-start
- পরবর্তী পৃষ্ঠা justify-content
বর্ণনা ও ব্যবহার
isolation গুণ এলিমেন্টকে নতুন স্ট্যাকলিং কনটেক্সট তৈরি করতে হবে কি না তা নির্দেশ করে।
পরামর্শ:background-blend-mode বা mix-blend-mode-র সাথে ব্যবহার করলে, isolation গুণ অত্যন্ত উপযোগী
আরও দেখুন:
HTML DOM পরিচ্ছেদক হান্ডবুক:isolation গুণ
প্রতিমান
id="e"-র এলিমেন্টের জন্য নতুন স্ট্যাকলিং কনটেক্সট তৈরি করুন:
#e {
isolation: isolate;
}
CSS ব্যবহারিক কাঠামো
isolation: auto|isolate|initial|inherit;
গুণমান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট।শুধুমাত্র যখন এলিমেন্টের একটি গুণটি এটিকে চাইতে হয়, তখনই নতুন স্ট্যাকলিং কনটেক্সট তৈরি করা হবে。 |
| isolate | নতুন স্ট্যাকলিং কনটেক্সট তৈরি করতে হবে。 |
| initial | এই গুণটিকে ডিফল্ট মানে সমায়ায়িত করুন। দেখুন: initial。 |
| inherit | এই গুণটি পিতৃ তত্ত্বাবধান থেকে উত্তরসূরী করুন। দেখুন: inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন না করে। দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。 |
| সংস্করণ: | CSS3 |
| JavaScript ব্যবহারিক কাঠামো: | object.style.isolation="isolate" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 41.0 | 79.0 | 36.0 | হ্যাঁ | 30.0 |
- পূর্ববর্তী পৃষ্ঠা inset-inline-start
- পরবর্তী পৃষ্ঠা justify-content
