table-row-paint-htb-ltr.html (899B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-row-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 <tr class="pattern" style="block-size: 110px;"> 21 <td></td> 22 <td></td> 23 </tr> 24 <tr class="pattern" style="block-size: 135px;"> 25 <td></td> 26 <td></td> 27 </tr> 28 <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> 29 </table> 30 </div>