CSS containment in Chrome 52 | Blog | Chrome for Developers

TL;DR The new CSS Containment property lets developers limit the scope of the browser's styles, layout and paint work. It has a few values, making its syntax this: contain: none | strict | content | [ size || layout || style || paint ] It’s in Chrome 52+ and Opera 40+ (and it has public support from Firefox), so give it a whirl and let us know how you go! The contain property When making a web app

[grapswiz]

難しそう

[Rockridge]

Chrome 52がサポートするCSS Containmentは、ブラウザによるスタイル／レイアウト／描画の処理が行われる範囲を開発者が限定できるようにするもの。適切に使えばWebページの表示速度が大きく改善される。

[efcl]

要素が効果を及ぼすscopeを宣言できる`cotain`について。 will-changeみたいにブラウザが最適化できるHint要素。 多くの場合は `contain: content`とできる事が想定