table-progression-001-ref.html (1826B)
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 } 12 td { 13 width: 1em; 14 height: 1em; 15 border: solid gray; 16 } 17 18 .navy { background: navy} 19 .blue { background: blue } 20 .aqua { background: aqua } 21 .teal { background: teal } 22 .purp { background: purple } 23 .pink { background: fuchsia } 24 .yllw { background: yellow } 25 .orng { background: orange } 26 caption { background: green; } 27 </style> 28 29 <p>Test passes if the following three tables look identical. 30 31 <table> 32 <caption></caption> 33 <tr> 34 <td rowspan=2> 35 <td class="orng"> 36 <td colspan=3> 37 <td class="navy"> 38 <tr> 39 <td rowspan=3> 40 <td class="yllw"> 41 <td class="pink"> 42 <td rowspan=2> 43 <td class="blue"> 44 <tr> 45 <td class="aqua"> 46 <td rowspan=2 colspan=2> 47 <td rowspan=2> 48 <tr> 49 <td class="teal"> 50 <td class="purp"> 51 </table> 52 53 <table> 54 <tr> 55 <td rowspan=2> 56 <td class="orng"> 57 <td colspan=3> 58 <td class="navy"> 59 <tr> 60 <td rowspan=3> 61 <td class="yllw"> 62 <td class="pink"> 63 <td rowspan=2> 64 <td class="blue"> 65 <tr> 66 <td class="aqua"> 67 <td rowspan=2 colspan=2> 68 <td rowspan=2> 69 <tr> 70 <td class="teal"> 71 <td class="purp"> 72 </table> 73 74 <table> 75 <tr> 76 <td rowspan=2> 77 <td class="orng"> 78 <td colspan=3> 79 <td class="navy"> 80 <tr> 81 <td rowspan=3> 82 <td class="yllw"> 83 <td class="pink"> 84 <td rowspan=2> 85 <td class="blue"> 86 <tr> 87 <td class="aqua"> 88 <td rowspan=2 colspan=2> 89 <td rowspan=2> 90 <tr> 91 <td class="teal"> 92 <td class="purp"> 93 </table>