table-progression-htb-001-ref.html (2104B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 5 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2016-01-15 --> 6 7 <style> 8 table { 9 border-spacing: 0; 10 margin: 1em; 11 float: left; 12 } 13 td { 14 width: 1em; 15 height: 1em; 16 border: solid gray; 17 } 18 19 .navy { background: navy} 20 .blue { background: blue } 21 .aqua { background: aqua } 22 .teal { background: teal } 23 .purp { background: purple } 24 .pink { background: fuchsia } 25 .yllw { background: yellow } 26 .orng { background: orange } 27 caption { background: green; } 28 </style> 29 30 <p>Test passes if the following three tables look identical. 31 32 <table> 33 <thead> 34 <tr> 35 <td class="navy"> 36 <td class="blue"> 37 <td colspan=2> 38 <tfoot> 39 <tr> 40 <td colspan=2> 41 <td class="aqua"> 42 <td class="teal"> 43 <tbody> 44 <tr> 45 <td rowspan=3> 46 <td colspan=2> 47 <td class="purp"> 48 <tr> 49 <td class="pink"> 50 <td rowspan=2 colspan=2> 51 <tr> 52 <td class="yllw"> 53 <tbody> 54 <tr> 55 <td class="orng"> 56 <td colspan=3> 57 </table> 58 59 <table> 60 <thead> 61 <tr> 62 <td class="navy"> 63 <td class="blue"> 64 <td colspan=2> 65 <tfoot> 66 <tr> 67 <td colspan=2> 68 <td class="aqua"> 69 <td class="teal"> 70 <tbody> 71 <tr> 72 <td rowspan=3> 73 <td colspan=2> 74 <td class="purp"> 75 <tr> 76 <td class="pink"> 77 <td rowspan=2 colspan=2> 78 <tr> 79 <td class="yllw"> 80 <tbody> 81 <tr> 82 <td class="orng"> 83 <td colspan=3> 84 </table> 85 86 <table> 87 <thead> 88 <tr> 89 <td class="navy"> 90 <td class="blue"> 91 <td colspan=2> 92 <tfoot> 93 <tr> 94 <td colspan=2> 95 <td class="aqua"> 96 <td class="teal"> 97 <tbody> 98 <tr> 99 <td rowspan=3> 100 <td colspan=2> 101 <td class="purp"> 102 <tr> 103 <td class="pink"> 104 <td rowspan=2 colspan=2> 105 <tr> 106 <td class="yllw"> 107 <tbody> 108 <tr> 109 <td class="orng"> 110 <td colspan=3> 111 </table>