column-rule-002.html (630B)
1 <!DOCTYPE html> 2 <title>Column rule paint order test</title> 3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-gaps-and-rules"> 5 <link rel="match" href="column-rule-002-ref.html"> 6 <p>There should be four squares below, on a yellow background.</p> 7 <div style="columns:3; column-gap:30px; column-rule:30px solid; column-fill:auto; width:180px; height:100px; background:yellow;"> 8 <div style="height:250px;"> 9 <div style="height:30px;"></div> 10 <div style="width:180px; height:40px; background:yellow;"></div> 11 </div> 12 </div>