isolation প্রপার্টি নির্ধারণ করে যে এলিমেন্টটি নতুন স্ট্যাকিং কনটেক্সট তৈরি করবে কিনা। সিনট্যাক্স নিম্নরূপ:
সিনট্যাক্স
isolation: auto|isolate|initial|inherit;
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
.demo1 { background-color: orange; }
#demo2 { width: 300px; height: 400px; }
.demo3 { width: 150px; height: 120px; border: 3px dashed blue; padding: 5px; mix-blend-mode: difference; }
#demo4 { isolation: isolate; }
#demo5 { isolation: none; }
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div id="demo2" class="demo1">
<div id="demo4"> <div class="demo1 demo3">isolation: auto property value</div> </div>
<div id="demo5"> <div class="demo1 demo3">isolation: isolate property value</div> </div>
<div id="demo4"> <div class="demo1 demo3">isolation: auto property value</div> </div>
</div>
</body>
</html>
আউটপুট
