multicol-span-all-010.html (1763B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test: column-span:all does not create a spanner, inside an element establishing a containing block for fixed-position descendants</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 7 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 8 <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#the-multi-column-model"> 9 <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span"> 10 <link rel="match" href="multicol-span-all-010-ref.html"> 11 <meta name="assert" content="This test checks that column-span:all does not create a spanner, inside an element establishing a containing block for fixed-position descendants."> 12 13 <style> 14 article { 15 column-count: 3; 16 column-rule: 6px solid; 17 width: 500px; 18 border: 1px solid black; 19 margin-bottom: 3px; 20 } 21 h3 { 22 column-span: all; 23 outline: 1px solid blue; 24 } 25 </style> 26 27 <body> 28 <article> 29 <div style="transform: scale(1)"> 30 <h3>non-spanner</h3> 31 </div> 32 </article> 33 <article> 34 <div style="filter: contrast(100%)"> 35 <h3>non-spanner</h3> 36 </div> 37 </article> 38 <article> 39 <div style="contain: paint"> 40 <h3>non-spanner</h3> 41 </div> 42 </article> 43 <article> 44 <div style="contain: layout"> 45 <h3>non-spanner</h3> 46 </div> 47 </article> 48 <article> 49 <div style="contain: content"> 50 <h3>non-spanner</h3> 51 </div> 52 </article> 53 <article> 54 <div style="contain: strict; width: 50px; height: 50px;"> 55 <h3>n</h3> 56 </div> 57 </article> 58 </body> 59 </html>