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