table-grid-paint-htb-ltr.html (814B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-grid-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 25px, dodgerblue 25px, dodgerblue 50px); 15 } 16 </style> 17 <div class="multicol"> 18 <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> 19 <caption style="block-size: 140px; background: lime"></caption> 20 <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> 21 <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> 22 </table> 23 </div>