1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/table-background/backgr_border-table-cell.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,127 @@ 1.4 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 1.5 +<head> 1.6 +<title>Background on 'table-cell'</title> 1.7 +<link rel="next" href="backgr_layers-opacity.html" title="Background Layers: opacity"> 1.8 +<link rel="prev" href="backgr_border-table-column.html" title="Background with Borders: Background on 'table-column'"> 1.9 +<link rel="contents" href="./backgr_index.html" title="Table of Contents"> 1.10 +<link rel="stylesheet" type="text/css" href="common.css"> 1.11 +<style type="text/css"> 1.12 + 1.13 + table {border: 5px dotted} 1.14 + .e {background: black url(edge.gif) top left no-repeat} 1.15 + .m {background: black url(edge.gif) bottom right no-repeat} 1.16 + 1.17 +</style> 1.18 +</head> 1.19 +<body> 1.20 +<h1>CSS2 Table Backgrounds Test Suite</h1> 1.21 + 1.22 +<h2>Part D: Background with Borders</h2> 1.23 + 1.24 + <h3>Background on 'table-cell'</h3> 1.25 + 1.26 + <p>Two cells are styled.</p> 1.27 + <p>There should be three aqua stripes just inside the top and left padding edges of cell E.</p> 1.28 + <p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M</a> 1.29 + 1.30 + <dl> 1.31 + <dt>next 1.32 + <dd><a href="backgr_layers-opacity.html">Special Tests: Opacity</a> 1.33 + <dt>previous 1.34 + <dd><a href="backgr_border-table-column.html">Background with Borders: Background on 'table-column'</a> 1.35 + <dt>contents 1.36 + <dd><a href="./backgr_index.html">Table of Contents</a> 1.37 + </dl> 1.38 + 1.39 + <table class="separate"> 1.40 + <caption>With 'border-collapse: separate'</caption> 1.41 + <colgroup class="colgroup-A"> 1.42 + <col class="col-1"> 1.43 + <col class="col-2"> 1.44 + <col class="col-3"> 1.45 + </colgroup> 1.46 + <colgroup class="colgroup-B"> 1.47 + <col class="col-4"> 1.48 + </colgroup> 1.49 + <thead> 1.50 + <tr class="th-row-1"> 1.51 + <th class="a">TH A</th> 1.52 + <th class="b">TH B</th> 1.53 + <th class="c">TH C</th> 1.54 + <th class="d">TH D</th> 1.55 + </tr> 1.56 + </thead> 1.57 + <tfoot> 1.58 + <tr class="tf-row-1"> 1.59 + <td class="m" colspan=2>TD M</td> 1.60 + 1.61 + <td class="o">TD O</td> 1.62 + <td class="p">TD P</td> 1.63 + </tfoot> 1.64 + <tbody> 1.65 + <tr class="tb-row-1"> 1.66 + <td class="e" rowspan=2>TD E</td> 1.67 + <td class="f">TD F</td> 1.68 + <td class="g">TD G</td> 1.69 + <td class="h">TD H</td> 1.70 + </tr> 1.71 + <tr class="tb-row-2"> 1.72 + 1.73 + <td class="j">TD J</td> 1.74 + <td class="k">TD K</td> 1.75 + <td class="l">TD L</td> 1.76 + </tr> 1.77 + </tbody> 1.78 + </table> 1.79 + 1.80 + <table class="collapse"> 1.81 + <caption>With 'border-collapse: collapse'</caption> 1.82 + <colgroup class="colgroup-A"> 1.83 + <col class="col-1"> 1.84 + <col class="col-2"> 1.85 + <col class="col-3"> 1.86 + </colgroup> 1.87 + <colgroup class="colgroup-B"> 1.88 + <col class="col-4"> 1.89 + </colgroup> 1.90 + <thead> 1.91 + <tr class="th-row-1"> 1.92 + <th class="a">TH A</th> 1.93 + <th class="b">TH B</th> 1.94 + <th class="c">TH C</th> 1.95 + <th class="d">TH D</th> 1.96 + </tr> 1.97 + </thead> 1.98 + <tfoot> 1.99 + <tr class="tf-row-1"> 1.100 + <td class="m" colspan=2>TD M</td> 1.101 + 1.102 + <td class="o">TD O</td> 1.103 + <td class="p">TD P</td> 1.104 + </tfoot> 1.105 + <tbody> 1.106 + <tr class="tb-row-1"> 1.107 + <td class="e" rowspan=2>TD E</td> 1.108 + <td class="f">TD F</td> 1.109 + <td class="g">TD G</td> 1.110 + <td class="h">TD H</td> 1.111 + </tr> 1.112 + <tr class="tb-row-2"> 1.113 + 1.114 + <td class="j">TD J</td> 1.115 + <td class="k">TD K</td> 1.116 + <td class="l">TD L</td> 1.117 + </tr> 1.118 + </tbody> 1.119 + </table> 1.120 +<div class="validity"> 1.121 + <a href="http://validator.w3.org/check/referer"><img 1.122 + src="valid-html401.png" height="31" width="88" 1.123 + alt="Valid HTML 4.01!"></a> 1.124 +</div> 1.125 +<address> 1.126 + CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> 1.127 +</address> 1.128 + 1.129 +</body> 1.130 +</html>