Contain

Pencil rendering elemen untuk prestasi

Sintaks

visual="contain:[value]"

Nilai

Nilai	CSS Output	Huraian
none	contain: none	Tiada pengandungan
strict	contain: strict	Pengandungan penuh
content	contain: content	Pengandungan kandungan
size	contain: size	Pengandungan saiz
layout	contain: layout	Pengandungan susun atur
style	contain: style	Pengandungan gaya
paint	contain: paint	Pengandungan lukis

Contoh

<div visual="contain:strict">Isolated rendering</div>
<div visual="contain:content">Content isolation</div>

Pratonton

Mengandung

visual="contain:strict" - Pencil elemen dari halaman lain untuk prestasi

none

content

strict

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
   <div space="p:small" visual="bg:primary text:white rounded:small">none</div>
   <div space="p:small" visual="bg:primary text:white rounded:small">content</div>
   <div space="p:small" visual="bg:primary text:white rounded:small">strict</div>
 </div>