table-grid-paint-vrl-rtl.html (879B)
1 <!DOCTYPE html> 2 <link rel="match" href="table-grid-paint-vrl-rtl-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 direction: rtl; 9 } 10 .multicol { 11 inline-size: 400px; 12 block-size: 100px; 13 columns: 4; 14 column-fill: auto; 15 gap: 0; 16 } 17 .pattern { 18 background: repeating-linear-gradient(to left, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); 19 } 20 </style> 21 <div class="multicol"> 22 <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> 23 <caption style="block-size: 140px; background: lime"></caption> 24 <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> 25 <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> 26 </table> 27 </div>