JSBlog

Címke content-visibility

Web API-k

A Ctrl+F kinyithatja az accordionodat: hidden=”until-found” a gyakorlatban

A böngésző keresője egy összecsukott tartalmi panelt nyit ki

A hidden="until-found" kereshetővé teszi a becsukott tartalmat, a beforematch pedig szinkronban tartja a komponenst. A dobozmodell és egy régi CSS-reset viszont könnyen elrontja.

Szabó Benjámin
2026.07.11.

Teljesítmény

content-visibility: auto – amit a felhasználó nem lát, azt a böngésző meg sem rajzolja le

Diagram egy böngészőablakról: a látható területen kívüli szakaszok szaggatott kerettel, kihagyott tartalomként jelennek meg, a látható területen belüliek pedig teljesen renderelve vannak, jelezve a content-visibility: auto működését

A content-visibility CSS tulajdonság auto értéke feltételesen kapcsolja ki a renderelést az off-screen tartalmakon. Megnézzük, hogyan működik a contain-intrinsic-size, a contentvisibilityautostatechange esemény, és mikor éri meg használni.

Szabó Benjámin
2026.04.03.