multicol-gap-decorations-013.html (681B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-gaps-1/"> 3 <link rel="match" href="multicol-gap-decorations-013-ref.html"> 4 <link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com"> 5 <style> 6 body { 7 margin: 0px; 8 } 9 10 .mc { 11 position: absolute; 12 top: 0px; 13 width: 100px; 14 height: 100px; 15 columns: 2; 16 column-fill: auto; 17 column-gap: 10px; 18 column-rule-color: gold; 19 column-rule-width: 10px; 20 column-rule-style: solid; 21 column-rule-inset: 4px; 22 } 23 </style> 24 25 <div class="mc"> 26 <div style="height: 400px; background: cyan;"> 27 </div> 28 </div>