table-row-paint-vlr-rtl.html (965B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-row-paint-vlr-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-lr; 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 .pattern { 18 background: repeating-linear-gradient(to right, orange, orange 30px, dodgerblue 30px, dodgerblue 60px); 19 } 20 </style> 21 <div class="multicol"> 22 <table style="border-spacing: 10px; inline-size: 100%;"> 23 <caption style="background: red; block-size: 50px;"></caption> 24 <tr class="pattern" style="block-size: 110px;"> 25 <td></td> 26 <td></td> 27 </tr> 28 <tr class="pattern" style="block-size: 135px;"> 29 <td></td> 30 <td></td> 31 </tr> 32 <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> 33 </table> 34 </div>