| <!DOCTYPE html> |
| <link rel="match" href="table-grid-paint-vrl-rtl-ref.html"> |
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#fragmentation"> |
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#rendering"> |
| <style> |
| body { |
| writing-mode: vertical-rl; |
| direction: rtl; |
| } |
| .multicol { |
| inline-size: 400px; |
| block-size: 100px; |
| columns: 4; |
| column-fill: auto; |
| gap: 0; |
| } |
| .pattern { |
| background: repeating-linear-gradient(to left, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); |
| } |
| </style> |
| <div class="multicol"> |
| <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> |
| <caption style="block-size: 140px; background: lime"></caption> |
| <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> |
| <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> |
| </table> |
| </div> |
