table-grid-paint-htb-ltr-ref.html (466B)
1 <!DOCTYPE html> 2 <style> 3 .multicol { 4 inline-size: 400px; 5 block-size: 100px; 6 columns: 4; 7 column-fill: auto; 8 gap: 0; 9 } 10 .pattern { 11 background: repeating-linear-gradient(orange, orange 25px, dodgerblue 25px, dodgerblue 50px); 12 } 13 </style> 14 <div class="multicol"> 15 <div style="block-size: 140px; background: lime"></div> 16 <div class="pattern" style="border: solid 10px; block-size: 225px;"></div> 17 <div style="block-size: 15px; background: lime"></div> 18 </div>