ua-style-sheet-border-4-ref.html (1061B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical margins on colgroup elements in the UA style sheet</title> 4 <style> 5 .v-rl { writing-mode: vertical-rl; } 6 .ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; } 7 colgroup { border: none; } 8 .ltr colgroup { border-left: thin solid; border-right: thin solid; } 9 .rtl colgroup { border-left: thin solid; border-right: thin solid; } 10 .v-rl colgroup { border-top: thin solid; border-bottom: thin solid; } 11 </style> 12 <div class=ltr> 13 <table rules=groups> 14 <colgroup span=2><col><col></colgroup> 15 <tr><td>A1</td><td>A2</td><td>A3</td></tr> 16 <tr><td>B1</td><td>B2</td><td>B3</td></tr> 17 </table> 18 </div> 19 <div class=rtl dir=rtl> 20 <table rules=groups> 21 <colgroup span=2><col><col></colgroup> 22 <tr><td>A1</td><td>A2</td><td>A3</td></tr> 23 <tr><td>B1</td><td>B2</td><td>B3</td></tr> 24 </table> 25 </div> 26 <div class=v-rl> 27 <table rules=groups> 28 <colgroup span=2><col><col></colgroup> 29 <tr><td>A1</td><td>A2</td><td>A3</td></tr> 30 <tr><td>B1</td><td>B2</td><td>B3</td></tr> 31 </table> 32 </div>