multicol-span-all-rule-001-ref.html (891B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Multi-column Layout Test: Test the column-rule's block-size</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 7 8 <style> 9 article { 10 column-count: 2; 11 column-rule: 6px solid; 12 width: 400px; 13 height: 500px; 14 background-color: lightgreen; 15 border: 2em solid purple; 16 padding: 2em; 17 } 18 div.block { 19 width: 100px; 20 height: 200px; 21 } 22 div.column-span { 23 column-span: all; 24 height: 50px; 25 background-color: lightblue; 26 } 27 </style> 28 29 <article> 30 <div class="block">block1</div> 31 <div class="column-span">column-span1</div> 32 <div class="block">block2</div> 33 <div class="column-span">column-span2</div> 34 <div class="block" style="height: 400px;">block3</div> 35 </article> 36 </html>