table-collapsed-borders-paint-vlr-rtl.html (1083B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-collapsed-borders-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: 10px; 16 padding: 10px; 17 border: solid 3px; 18 } 19 </style> 20 <div class="multicol"> 21 <table style="border-collapse: collapse; inline-size: 100%;"> 22 <caption style="background: dodgerblue; block-size: 120px;"></caption> 23 <tbody> 24 <tr style="block-size: 50px;"> 25 <td style="border: solid 10px lime;"></td> 26 </tr> 27 <tr style="block-size: 145px;"> 28 <td style="border: solid 10px;"></td> 29 </tr> 30 </tbody> 31 <tbody> 32 <tr style="block-size: 50px;"> 33 <td style="border: solid blue 10px;"></td> 34 </tr> 35 <tr style="block-size: 25px;"> 36 <td style="border: solid blue 10px;"></td> 37 </tr> 38 </tbody> 39 </table> 40 </div>