Content Visibility

Optimumkan rendering dengan melangkau kandungan luar skrin

Sintaks

visual="content-visibility:[value]"

Nilai

Nilai	CSS Output	Huraian
visible	content-visibility: visible	Render semua kandungan
auto	content-visibility: auto	Langkau bila luar skrin
hidden	content-visibility: hidden	Jangan render luar skrin

Contoh

<section visual="content-visibility:auto">Large list</section>
<div visual="content-visibility:hidden">Hidden until needed</div>

Pratonton

Ketampakan Kandungan

visual="content-visibility:auto" - Pengoptimuman prestasi untuk kandungan luar skrin

visible

auto

hidden

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">visible</div>
   <div space="p:small" visual="bg:primary text:white rounded:small">auto</div>
   <div space="p:small" visual="bg:primary text:white rounded:small">hidden</div>
 </div>