table-section-paint-htb-ltr.html (928B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-section-paint-htb-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 .multicol { 7 inline-size: 400px; 8 block-size: 100px; 9 columns: 4; 10 column-fill: auto; 11 gap: 0; 12 } 13 .pattern { 14 background: repeating-linear-gradient(orange, orange 30px, dodgerblue 30px, dodgerblue 60px); 15 } 16 </style> 17 <div class="multicol"> 18 <table style="border-spacing: 10px; inline-size: 100%;"> 19 <caption style="background: red; block-size: 50px;"></caption> 20 <tbody class="pattern"> 21 <tr style="block-size: 110px;"> 22 <td></td> 23 <td></td> 24 </tr> 25 <tr style="block-size: 135px;"> 26 <td></td> 27 <td></td> 28 </tr> 29 </tbody> 30 <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> 31 </table> 32 </div>