table-section-paint-vlr-rtl.html (994B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-section-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 <tbody class="pattern"> 25 <tr style="block-size: 110px;"> 26 <td></td> 27 <td></td> 28 </tr> 29 <tr style="block-size: 135px;"> 30 <td></td> 31 <td></td> 32 </tr> 33 </tbody> 34 <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> 35 </table> 36 </div>