table-grid-paint-vlr-rtl-ref.html (532B)
1 <!DOCTYPE html> 2 <style> 3 body { 4 writing-mode: vertical-lr; 5 direction: rtl; 6 } 7 .multicol { 8 inline-size: 400px; 9 block-size: 100px; 10 columns: 4; 11 column-fill: auto; 12 gap: 0; 13 } 14 .pattern { 15 background: repeating-linear-gradient(to right, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); 16 } 17 </style> 18 <div class="multicol"> 19 <div style="block-size: 140px; background: lime"></div> 20 <div class="pattern" style="border: solid 10px; block-size: 225px;"></div> 21 <div style="block-size: 15px; background: lime"></div> 22 </div>