gecko-dev/layout/reftests/writing-mode/ua-style-sheet-border-5-ref.html

42 lines
1.1 KiB
HTML

<!DOCTYPE html>
<meta charset=utf-8>
<title>Test for logical margins on tbody elements in the UA style sheet</title>
<style>
.v-rl { writing-mode: vertical-rl; }
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
tbody { border: none; }
.ltr tbody { border-top: thin solid; border-bottom: thin solid; }
.rtl tbody { border-top: thin solid; border-bottom: thin solid; }
.v-rl tbody { border-left: thin solid; border-right: thin solid; }
</style>
<div class=ltr>
<table rules=groups>
<tbody>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
</tbody>
<tbody>
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
</tbody>
</table>
</div>
<div class=rtl dir=rtl>
<table rules=groups>
<tbody>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
</tbody>
<tbody>
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
</tbody>
</table>
</div>
<div class=v-rl>
<table rules=groups>
<tbody>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
</tbody>
<tbody>
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
</tbody>
</table>
</div>