third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug2479-1.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
   2 <html lang="en-US">
   3 <head>
   4 <title>Anonymous table objects</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6 <meta http-equiv="Content-Style-Type" content="text/css">
   7 <link rel="copyright" href="/~dbaron/legal.html">
   8 <style type="text/css">
   9 div { margin: 1em 0; }
  10
  11 .table, .inlineTable, .tableRow, .tableRowGroup, .tableHeaderGroup,
  12 .tableFooterGroup, .tableColumn, .tableColumnGroup, .tableCell,
  13 .tableCaption {
  14         background: aqua;
  15         color: black;
  16         }
  17
  18 .table { display: table; }
  19 .inlineTable { display: inline-table; }
  20 .tableRow { display: table-row; }
  21 .tableRowGroup { display: table-row-group; }
  22 .tableHeaderGroup { display: table-header-group; }
  23 .tableFooterGroup { display: table-footer-group; }
  24 .tableColumn { display: table-column; }
  25 .tableColumnGroup { display: table-column-group; }
  26 .tableCell { display: table-cell; }
  27 .tableCaption { display: table-caption; }
  28
  29 .block { display: block; }
  30 .inline { display: inline; }
  31 </style>
  32 </head>
  33 <body>
  34 <h1>Anonymous table objects</h1>
  35
  36 <p>
  37         See the <a
  38         href="http://www.w3.org/TR/REC-CSS2/tables.html#anonymous-boxes">relevant
  39         section of CSS2</a> for an explanation.  <strong>This test does not
  40         test inline-tables at all.</strong>
  41 </p>
  42
  43 <h2>Rule 1</h2>
  44
  45 <div class="table">
  46 Table 1, Cell 1, Row 1
  47 </div>
  48
  49 <h2>Rule 2</h2>
  50
  51 <div>
  52 <span class="tableCell">Table 1, Row 1, Cell 1</span>
  53 <span class="tableCell">Table 1, Row 1, Cell 2</span>
  54 <span class="tableCell">Table 1, Row 1, Cell 3</span>
  55 <span class="tableCell">Table 1, Row 1, Cell 4</span>
  56 </div>
  57
  58 <div>
  59 <span class="tableCell">Table 2, Row 1, Cell 1</span>
  60 <span class="tableCell">Table 2, Row 1, Cell 2</span>
  61 <span class="tableCell">Table 2, Row 1, Cell 3</span>
  62 <span class="tableCell">Table 2, Row 1, Cell 4</span>
  63 <span class="tableRow">
  64 <span class="tableCell">Table 2, Row 2, Cell 1</span>
  65 <span class="tableCell">Table 2, Row 2, Cell 2</span>
  66 <span class="tableCell">Table 2, Row 2, Cell 3</span>
  67 <span class="tableCell">Table 2, Row 2, Cell 4</span>
  68 </span>
  69 <span class="tableCell">Table 2, Row 3, Cell 1</span>
  70 <span class="tableCell">Table 2, Row 3, Cell 2</span>
  71 <span class="tableCell">Table 2, Row 3, Cell 3</span>
  72 <span class="tableCell">Table 2, Row 3, Cell 4</span>
  73 </div>
  74
  75 <h2>Rules 3 and 4</h2>
  76
  77 <p>
  78         This section does not test the behavior of columns, column groups,
  79         or captions.
  80 </p>
  81
  82 <div>
  83 <span class="tableRow">
  84 <span class="tableCell">Table 1, Row 1, Cell 1</span>
  85 <span class="tableCell">Table 1, Row 1, Cell 2</span>
  86 <span class="tableCell">Table 1, Row 1, Cell 3</span>
  87 <span class="tableCell">Table 1, Row 1, Cell 4</span>
  88 </span>
  89 <span class="tableRow">
  90 <span class="tableCell">T 1, R 2, C 1</span>
  91 <span class="tableCell">Table 1, Row 2, Cell 2</span>
  92 <span class="tableCell">Table 1, Row 2, Cell 3</span>
  93 <span class="tableCell">Table 1, Row 2, Cell 4</span>
  94 </span>
  95 <span class="tableRow">
  96 <span class="tableCell">Table 1, Row 3, Cell 1</span>
  97 <span class="tableCell">Table 1, Row 3, Cell 2</span>
  98 <span class="tableCell">T 1, R 3, C 3</span>
  99 <span class="tableCell">Table 1, Row 3, Cell 4</span>
 100 </span>
 101 </div>
 102
 103
 104 <p>Note: table-header-group and table-footer-group are tested only
 105 in their HTML order, and they only appear once.</p>
 106
 107 <div>
 108 <span class="tableHeaderGroup">
 109 <span class="tableCell">Table 2, Row 1, Cell 1</span>
 110 <span class="tableCell">Table 2, Row 1, Cell 2</span>
 111 <span class="tableCell">Table 2, Row 1, Cell 3</span>
 112 <span class="tableCell">Table 2, Row 1, Cell 4</span>
 113 </span>
 114 <span class="tableFooterGroup">
 115 <span class="tableCell">Table 2, Row 5, Cell 1</span>
 116 <span class="tableCell">Table 2, Row 5, Cell 2</span>
 117 <span class="tableCell">T 2, R 5, C 5</span>
 118 <span class="tableCell">Table 2, Row 5, Cell 4</span>
 119 </span>
 120 <span class="tableRow">
 121 <span class="tableCell">T 2, R 2, C 1</span>
 122 <span class="tableCell">Table 2, Row 2, Cell 2</span>
 123 <span class="tableCell">Table 2, Row 2, Cell 3</span>
 124 <span class="tableCell">Table 2, Row 2, Cell 4</span>
 125 </span>
 126 <span class="tableRowGroup">
 127 <span class="tableCell">T 2, R 3, C 1</span>
 128 <span class="tableCell">Table 2, Row 3, Cell x</span>
 129 <span class="tableCell">Table 2, Row 3, Cell 3</span>
 130 <span class="tableCell">Table 2, Row 3, Cell 4</span>
 131 </span>
 132 <span class="tableRowGroup">
 133 <span class="tableRow">
 134 <span class="tableCell">T 2, R 4, C 1</span>
 135 <span class="tableCell">Table 2, Row 4, Cell x</span>
 136 <span class="tableCell">Table 2, Row 4, Cell 3</span>
 137 <span class="tableCell">Table 2, Row 4, Cell 4</span>
 138 </span>
 139 </span>
 140 </div>
 141
 142 <h2>Rule 5</h2>
 143
 144 <div class="table">
 145 <span class="tableRow">
 146 <span class="tableCell">Table 2, Row 1, Cell 1</span>
 147 <span class="tableCell">Table 2, Row 1, Cell 2</span>
 148 <span class="tableCell">Table 2, Row 1, Cell 3</span>
 149 <span class="tableCell">Table 2, Row 1, Cell 4</span>
 150 </span>
 151 <span class="tableRow">
 152 <span class="block">Table 2, Row 2, Cell 1</span>
 153 <span class="tableCell">Table 2, Row 2, Cell 2</span>
 154 <span class="block">Table 2, Row 2, Cell 3</span>
 155 <span class="block">also Table 2, Row 2, Cell 3</span>
 156 also Table 2, Row 2, Cell 3
 157 <span class="tableCell">Table 2, Row 2, Cell 4</span>
 158 </span>
 159 <span class="tableRow">
 160 <span>Table 2, Row 3, Cell 1</span>
 161 <span class="tableCell">Table 2, Row 3, Cell 2</span>
 162 <span class="table">Table 2, Row 3, Cell 3 (a nested table)</span>
 163 <span class="tableCell">Table 2, Row 3, Cell 4</span>
 164 </span>
 165 </div>
 166
 167 <hr title="Beginning of Footer">
 168 <p><a href="http://validator.w3.org/check/referer" title="W3C HTML Validator"><img src="../../images/vh40" alt="Valid HTML 4.0!" height="31" width="88"></a></p>
 169 <p>(Back to
 170 <a href="./">CSS Testing Information</a>,
 171 <a href="../../">David Baron</a>)</p>
 172 <p><a href="/~dbaron/" title="David Baron's Homepage">LDB</a>,
 173 <a rev="made" href="mailto:dbaron@fas.harvard.edu" TITLE="Send e-mail to David Baron">dbaron@fas.harvard.edu</a></p>
 174
 175 </body></html>