table-progression-slr-001-ref.html (1847B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 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 class="teal"> 35 <td rowspan="3"> 36 <td colspan="2" rowspan="2"> 37 <td class="purp"> 38 <td rowspan="2"> 39 <tr> 40 <td class="aqua"> 41 <td rowspan="2"> 42 <tr> 43 <td rowspan="2"> 44 <td class="yllw"> 45 <td class="pink"> 46 <td class="blue"> 47 48 <tr> 49 <td class="orng"> 50 <td colspan="3"> 51 <td class="navy"> 52 </table> 53 54 <table> 55 <tr> 56 <td class="teal"> 57 <td rowspan="3"> 58 <td colspan="2" rowspan="2"> 59 <td class="purp"> 60 <td rowspan="2"> 61 <tr> 62 <td class="aqua"> 63 <td rowspan="2"> 64 <tr> 65 <td rowspan="2"> 66 <td class="yllw"> 67 <td class="pink"> 68 <td class="blue"> 69 70 <tr> 71 <td class="orng"> 72 <td colspan="3"> 73 <td class="navy"> 74 </table> 75 76 <table> 77 <tr> 78 <td class="teal"> 79 <td rowspan="3"> 80 <td colspan="2" rowspan="2"> 81 <td class="purp"> 82 <td rowspan="2"> 83 <tr> 84 <td class="aqua"> 85 <td rowspan="2"> 86 <tr> 87 <td rowspan="2"> 88 <td class="yllw"> 89 <td class="pink"> 90 <td class="blue"> 91 92 <tr> 93 <td class="orng"> 94 <td colspan="3"> 95 <td class="navy"> 96 </table>