@@ -700,6 +700,12 @@ Size Containment</h3>
700700 and its [=natural height=] is treated as 0.
701701 </div>
702702
703+
704+ <h4 id='containment-size-opt' class="no-toc">
705+ Possible Size-Containment Optimizations</h4>
706+
707+ <em> This section is non-normative.</em>
708+
703709 By itself, <a>size containment</a> does not offer much optimization opportunity.
704710 Its primary benefit on its own is that tools which want to lay out the [=size containment box|containment box=] 's contents
705711 based on the [=size containment box|containment box=] 's size
@@ -880,6 +886,11 @@ Layout Containment</h3>
880886 contain-layout-baseline-005.html
881887 </wpt>
882888
889+ <h4 id='containment-layout-opt' class="no-toc">
890+ Possible Layout-Containment Optimizations</h4>
891+
892+ <em> This section is non-normative.</em>
893+
883894 Possible optimizations that can be enabled by <a>layout containment</a> include (but are not limited to):
884895
885896 1. When laying out the page,
@@ -990,6 +1001,13 @@ Style Containment</h3>
9901001 </code></pre>
9911002 </div>
9921003
1004+
1005+
1006+ <h4 id='containment-style-opt' class="no-toc">
1007+ Possible Style-Containment Optimizations</h4>
1008+
1009+ <em> This section is non-normative.</em>
1010+
9931011 Possible optimizations that can be enabled by <a>style containment</a> include (but are not limited to):
9941012
9951013 1. Whenever a property is changed on a descendant of an element with [=style containment=] ,
@@ -1093,7 +1111,11 @@ Paint Containment</h3>
10931111 contain-paint-baseline-001.html
10941112 </wpt>
10951113
1096- <div class=informative>
1114+ <h4 id='containment-paint-opt' class="no-toc">
1115+ Possible Paint-Containment Optimizations</h4>
1116+
1117+ <em> This section is non-normative.</em>
1118+
10971119 Possible optimizations that can be enabled by <a>paint containment</a> include (but are not limited to):
10981120
10991121 1. If the [=paint containment box|containment box=] is off-screen or obscured,
@@ -1111,7 +1133,6 @@ Paint Containment</h3>
11111133
11121134 3. Because they are guaranteed to be stacking contexts,
11131135 scrolling elements can be painted into a single GPU layer.
1114- </div>
11151136
11161137Suppressing An Element's Contents Entirely: the 'content-visibility' property {#content-visibility}
11171138=================
0 commit comments