table-progression-htb-002-ref.html (1380B)
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 border: solid gray; 11 margin: 1em; 12 } 13 td { 14 width: 1em; 15 height: 1em; 16 } 17 18 .navy { background: navy} 19 .blue { background: blue } 20 .aqua { background: aqua } 21 .teal { background: teal } 22 </style> 23 24 <p>Test passes if the following patterned boxes all look identical. 25 26 <table class="reference"> 27 <tr> 28 <td class="navy"> 29 <td class="navy"> 30 <td class="blue"> 31 <td class="aqua"> 32 <td class="aqua"> 33 </table> 34 35 <table class="reference"> 36 <tr> 37 <td class="navy"> 38 <td class="navy"> 39 <td class="blue"> 40 <td class="aqua"> 41 <td class="aqua"> 42 </table> 43 44 <table class="reference"> 45 <tr> 46 <td class="navy"> 47 <td class="navy"> 48 <td class="blue"> 49 <td class="aqua"> 50 <td class="aqua"> 51 </table> 52 53 <table class="reference"> 54 <tr> 55 <td class="navy"> 56 <td class="navy"> 57 <td class="blue"> 58 <td class="aqua"> 59 <td class="aqua"> 60 </table> 61 62 <table class="reference"> 63 <tr> 64 <td class="navy"> 65 <td class="navy"> 66 <td class="blue"> 67 <td class="aqua"> 68 <td class="aqua"> 69 </table>