servo/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht

97 lines
No EOL
2.3 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Reference</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
<style>
table {
border-spacing: 0;
margin: 1em;
}
td {
width: 1em;
height: 1em;
border: solid gray;
}
.navy { background: navy}
.blue { background: blue }
.aqua { background: aqua }
.teal { background: teal }
.purp { background: purple }
.pink { background: fuchsia }
.yllw { background: yellow }
.orng { background: orange }
caption { background: green; }
</style>
</head><body><p>Test passes if the following three tables look identical.
</p><table>
<caption></caption>
<tbody><tr>
<td class="teal">
</td><td rowspan="3">
</td><td colspan="2" rowspan="2">
</td><td class="purp">
</td><td rowspan="2">
</td></tr><tr>
<td class="aqua">
</td><td rowspan="2">
</td></tr><tr>
<td rowspan="2">
</td><td class="yllw">
</td><td class="pink">
</td><td class="blue">
</td></tr><tr>
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table>
<table>
<tbody><tr>
<td class="teal">
</td><td rowspan="3">
</td><td colspan="2" rowspan="2">
</td><td class="purp">
</td><td rowspan="2">
</td></tr><tr>
<td class="aqua">
</td><td rowspan="2">
</td></tr><tr>
<td rowspan="2">
</td><td class="yllw">
</td><td class="pink">
</td><td class="blue">
</td></tr><tr>
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table>
<table>
<tbody><tr>
<td class="teal">
</td><td rowspan="3">
</td><td colspan="2" rowspan="2">
</td><td class="purp">
</td><td rowspan="2">
</td></tr><tr>
<td class="aqua">
</td><td rowspan="2">
</td></tr><tr>
<td rowspan="2">
</td><td class="yllw">
</td><td class="pink">
</td><td class="blue">
</td></tr><tr>
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table>
</body></html>