backgr_position-table.html (3517B)
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_position-table-row-group.html" title="Background Position: Background on 'table-row-group'"> 6 <link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'"> 7 <link rel="contents" href="./backgr_index.html" title="Table of Contents"> 8 <link rel="stylesheet" type="text/css" href="common.css"> 9 <style type="text/css"> 10 11 table {background: black url(edge.gif) top right no-repeat} 12 13 </style> 14 </head> 15 <body> 16 <h1>CSS2 Table Backgrounds Test Suite</h1> 17 18 <h2>Part B: Background Position</h2> 19 20 <h3>Background on 'table'</h3> 21 22 <p>There should be three aqua stripes just inside the top and right table borders.</p> 23 24 <dl> 25 <dt>next 26 <dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a> 27 <dt>previous 28 <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a> 29 <dt>contents 30 <dd><a href="./backgr_index.html">Table of Contents</a> 31 </dl> 32 33 <table class="separate"> 34 <caption>With 'border-collapse: separate'</caption> 35 <colgroup class="colgroup-A"> 36 <col class="col-1"> 37 <col class="col-2"> 38 <col class="col-3"> 39 </colgroup> 40 <colgroup class="colgroup-B"> 41 <col class="col-4"> 42 </colgroup> 43 <thead> 44 <tr id="th-row-1"> 45 <th class="a">TH A</th> 46 <th class="b">TH B</th> 47 <th class="c">TH C</th> 48 <th class="d">TH D</th> 49 </tr> 50 </thead> 51 <tbody> 52 <tr class="tb-row-1"> 53 <td class="e" rowspan=2>TD E</td> 54 <td class="f">TD F</td> 55 <td class="g">TD G</td> 56 <td class="h">TD H</td> 57 </tr> 58 <tr class="tb-row-2"> 59 60 <td class="j">TD J</td> 61 <td class="k">TD K</td> 62 <td class="l">TD L</td> 63 </tr> 64 </tbody> 65 <tfoot> 66 <tr id="tb-row-1"> 67 <td class="m" colspan=2>TD M</td> 68 69 <td class="o">TD O</td> 70 <td class="p">TD P</td> 71 </tfoot> 72 </table> 73 74 <table class="collapse"> 75 <caption>With 'border-collapse: collapse'</caption> 76 <colgroup class="colgroup-A"> 77 <col class="col-1"> 78 <col class="col-2"> 79 <col class="col-3"> 80 </colgroup> 81 <colgroup class="colgroup-B"> 82 <col class="col-4"> 83 </colgroup> 84 <thead> 85 <tr id="th-row-1"> 86 <th class="a">TH A</th> 87 <th class="b">TH B</th> 88 <th class="c">TH C</th> 89 <th class="d">TH D</th> 90 </tr> 91 </thead> 92 <tfoot> 93 <tr id="tb-row-1"> 94 <td class="m" colspan=2>TD M</td> 95 96 <td class="o">TD O</td> 97 <td class="p">TD P</td> 98 </tfoot> 99 <tbody> 100 <tr class="tb-row-1"> 101 <td class="e" rowspan=2>TD E</td> 102 <td class="f">TD F</td> 103 <td class="g">TD G</td> 104 <td class="h">TD H</td> 105 </tr> 106 <tr class="tb-row-2"> 107 108 <td class="j">TD J</td> 109 <td class="k">TD K</td> 110 <td class="l">TD L</td> 111 </tr> 112 </tbody> 113 </table> 114 <div class="validity"> 115 <a href="http://validator.w3.org/check/referer"><img 116 src="valid-html401.png" height="31" width="88" 117 alt="Valid HTML 4.01!"></a> 118 </div> 119 <address> 120 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> 121 </address> 122 123 </body> 124 </html>