table-col-paint-vrl-rtl.html (1101B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-col-paint-vrl-rtl-ref.html"> 3 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#fragmentation"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#rendering"> 5 <style> 6 body { 7 writing-mode: vertical-rl; 8 direction: rtl; 9 } 10 .multicol { 11 inline-size: 400px; 12 block-size: 100px; 13 columns: 4; 14 column-fill: auto; 15 gap: 0; 16 } 17 .pattern1 { 18 background: repeating-linear-gradient(to left,lime, lime 20px, blue 20px, blue 40px); 19 } 20 .pattern2 { 21 background: repeating-linear-gradient(to left, orange, orange 30px, dodgerblue 30px, dodgerblue 60px); 22 } 23 </style> 24 <div class="multicol"> 25 <table style="border-spacing: 10px; inline-size: 100%;"> 26 <caption style="background: red; block-size: 50px;"></caption> 27 <col class="pattern1"></col> 28 <col class="pattern2"></col> 29 <tr style="block-size: 110px;"> 30 <td></td> 31 <td></td> 32 </tr> 33 <tr style="block-size: 135px;"> 34 <td></td> 35 <td></td> 36 </tr> 37 <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> 38 </table> 39 </div>