table-collapsed-borders-paint-at-boundary.tentative.html (1142B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-collapsed-borders-paint-at-boundary-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 .multicol { 7 width: 500px; 8 height: 100px; 9 columns: 5; 10 column-fill: auto; 11 gap: 10px; 12 padding: 10px; 13 border: solid 3px; 14 } 15 </style> 16 <div class="multicol"> 17 <table style="border-collapse: collapse; width: 100%;"> 18 <caption style="background: dodgerblue; height: 150px;"></caption> 19 <tbody> 20 <tr style="height: 45px;"> 21 <td style="border: solid 10px lime;"></td> 22 </tr> 23 <tr style="height: 100px;"> 24 <td style="border: solid 10px; border-left-width: 15px;"></td> 25 </tr> 26 </tbody> 27 <tbody> 28 <tr style="height: 50px;"> 29 <td style="border: solid blue 10px; border-right-width: 15px;"></td> 30 </tr> 31 <tr style="height: 50px;"> 32 <td style="border: solid blue 10px;"></td> 33 </tr> 34 <tr style="height: 80px;"> 35 <td style="border: solid blue 10px;"></td> 36 </tr> 37 </tbody> 38 </table> 39 </div>