table-collapsed-borders-paint-vrl-ltr.html (1065B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-collapsed-borders-paint-vrl-ltr-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 } 9 .multicol { 10 inline-size: 400px; 11 block-size: 100px; 12 columns: 4; 13 column-fill: auto; 14 gap: 10px; 15 padding: 10px; 16 border: solid 3px; 17 } 18 </style> 19 <div class="multicol"> 20 <table style="border-collapse: collapse; inline-size: 100%;"> 21 <caption style="background: dodgerblue; block-size: 120px;"></caption> 22 <tbody> 23 <tr style="block-size: 50px;"> 24 <td style="border: solid 10px lime;"></td> 25 </tr> 26 <tr style="block-size: 145px;"> 27 <td style="border: solid 10px;"></td> 28 </tr> 29 </tbody> 30 <tbody> 31 <tr style="block-size: 50px;"> 32 <td style="border: solid blue 10px;"></td> 33 </tr> 34 <tr style="block-size: 25px;"> 35 <td style="border: solid blue 10px;"></td> 36 </tr> 37 </tbody> 38 </table> 39 </div>