| <!DOCTYPE html> |
| <link rel="match" href="table-section-paint-vlr-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-lr; |
| direction: rtl; |
| } |
| .multicol { |
| inline-size: 400px; |
| block-size: 100px; |
| columns: 4; |
| column-fill: auto; |
| gap: 0; |
| } |
| .pattern { |
| background: repeating-linear-gradient(to right, orange, orange 30px, dodgerblue 30px, dodgerblue 60px); |
| } |
| </style> |
| <div class="multicol"> |
| <table style="border-spacing: 10px; inline-size: 100%;"> |
| <caption style="background: red; block-size: 50px;"></caption> |
| <tbody class="pattern"> |
| <tr style="block-size: 110px;"> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr style="block-size: 135px;"> |
| <td></td> |
| <td></td> |
| </tr> |
| </tbody> |
| <caption style="caption-side: bottom; background: red; block-size: 75px;"></caption> |
| </table> |
| </div> |
