22Title : CSS Containment Module Level 1
33Level : 1
44Shortname : css-contain
5- Status : ED
6- Work Status : Revising
5+ Status : CR
6+ date : 2018-05-17
7+ deadline : 2018-07-16
8+ Work Status : Testing
79Group : csswg
810ED : https://drafts.csswg.org/css-contain/
911TR : https://www.w3.org/TR/css-contain-1/
12+ Previous Version : https://www.w3.org/TR/2017/CR-css-contain-1-20170808/
1013Previous Version : https://www.w3.org/TR/2017/WD-css-contain-1-20170419/
1114Previous Version : https://www.w3.org/TR/2017/WD-css-contain-1-20170221/
1215Editor : Tab Atkins, Google, http://xanthir.com/contact/, w3cid 42199
@@ -27,6 +30,12 @@ spec: css2; urlPrefix: https://www.w3.org/TR/CSS2/
2730spec: css-backgrounds-3;
2831 type: dfn; url: https://drafts.csswg.org/css-backgrounds-3/#corner-clipping; text: corner clipping
2932</pre>
33+ <pre class=link-defaults>
34+ spec:css21; type:property; text:content
35+ spec:css21; type:property; text:counter-increment
36+ spec:css21; type:dfn; text:stacking context
37+ spec:css-display-3; type:property; text:display
38+ </pre>
3039<h2 id='intro'>
3140Introduction</h2>
3241
@@ -348,12 +357,13 @@ Paint Containment</h3>
348357 This does not include the creation of any mechanism
349358 to access or indicate the presence of the clipped content;
350359 nor does it inhibit the creation of any such mechanism through other properties,
351- such as 'overflow' , 'resize' , or 'text-overflow' .
360+ <span class=informative> such as 'overflow' , 'resize' , or 'text-overflow' </span> .
352361 <span class=note> This is as if to ''overflow: visible'' was changed to ''overflow: clip'' at used value.</span>
353362 2. The element acts as a containing block for absolutely positioned and fixed positioned descendants.
354363 3. The element creates a <a>stacking context</a> .
355364 4. The element [=establishes an independent formatting context=] .
356365
366+ <div class=informative>
357367 Possible optimizations that can be enabled by <a>paint containment</a> include (but are not limited to):
358368
359369 1. If the containing element is off-screen or obscured,
@@ -371,6 +381,7 @@ Paint Containment</h3>
371381
372382 3. Because they are guaranteed to be stacking contexts,
373383 scrolling elements can be painted into a single GPU layer.
384+ </div>
374385
375386
376387Privacy and Security Considerations {#privsec}
0 commit comments