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