backgr_simple-table.html (3610B)
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 4 <title>Background on 'table'</title> 5 <link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'"> 6 <link rel="prev contents" href="./backgr_index.html" title="Table of Contents"> 7 <link rel="stylesheet" type="text/css" href="common.css"> 8 <style type="text/css"> 9 10 table {background: black url(rainbowh.gif) top right} 11 12 </style> 13 </head> 14 <body> 15 <h1>CSS2 Table Backgrounds Test Suite</h1> 16 17 <h2>Part A: Background Area</h2> 18 19 <h3>Background on 'table'</h3> 20 21 <p class="clip">The table background should fill the rectangle 22 defined by the outer border of the table. There should be no gaps 23 or holes in the background and the stripes should all be 24 continuous.</p> 25 <p class="position">A purple band should align with the left edge 26 of the painted area, and an aqua stripe should align a few pixels 27 below the top border.</p> 28 29 <dl> 30 <dt>next 31 <dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a> 32 <dt>previous 33 <dd>-- 34 <dt>contents 35 <dd><a href="./backgr_index.html">Table of Contents</a> 36 </dl> 37 38 <table class="separate"> 39 <caption>With 'border-collapse: separate'</caption> 40 <colgroup class="colgroup-A"> 41 <col class="col-1"> 42 <col class="col-2"> 43 <col class="col-3"> 44 </colgroup> 45 <colgroup class="colgroup-B"> 46 <col class="col-4"> 47 </colgroup> 48 <thead> 49 <tr class="th-row-1"> 50 <th class="a">TH A</th> 51 <th class="b">TH B</th> 52 <th class="c">TH C</th> 53 <th class="d">TH D</th> 54 </tr> 55 </thead> 56 <tfoot> 57 <tr class="tf-row-1"> 58 <td class="m" colspan=2>TD M</td> 59 60 <td class="o">TD O</td> 61 <td class="p">TD P</td> 62 </tfoot> 63 <tbody> 64 <tr class="tb-row-1"> 65 <td class="e" rowspan=2>TD E</td> 66 <td class="f">TD F</td> 67 <td class="g">TD G</td> 68 <td class="h">TD H</td> 69 </tr> 70 <tr class="tb-row-2"> 71 72 <td class="j">TD J</td> 73 <td class="k">TD K</td> 74 <td class="l">TD L</td> 75 </tr> 76 </tbody> 77 </table> 78 79 <table class="collapse"> 80 <caption>With 'border-collapse: collapse'</caption> 81 <colgroup class="colgroup-A"> 82 <col class="col-1"> 83 <col class="col-2"> 84 <col class="col-3"> 85 </colgroup> 86 <colgroup class="colgroup-B"> 87 <col class="col-4"> 88 </colgroup> 89 <thead> 90 <tr class="th-row-1"> 91 <th class="a">TH A</th> 92 <th class="b">TH B</th> 93 <th class="c">TH C</th> 94 <th class="d">TH D</th> 95 </tr> 96 </thead> 97 <tfoot> 98 <tr class="tf-row-1"> 99 <td class="m" colspan=2>TD M</td> 100 101 <td class="o">TD O</td> 102 <td class="p">TD P</td> 103 </tfoot> 104 <tbody> 105 <tr class="tb-row-1"> 106 <td class="e" rowspan=2>TD E</td> 107 <td class="f">TD F</td> 108 <td class="g">TD G</td> 109 <td class="h">TD H</td> 110 </tr> 111 <tr class="tb-row-2"> 112 113 <td class="j">TD J</td> 114 <td class="k">TD K</td> 115 <td class="l">TD L</td> 116 </tr> 117 </tbody> 118 </table> 119 <div class="validity"> 120 <a href="http://validator.w3.org/check/referer"><img 121 src="valid-html401.png" height="31" width="88" 122 alt="Valid HTML 4.01!"></a> 123 </div> 124 <address> 125 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> 126 </address> 127 128 </body> 129 </html>