зеркало из https://github.com/mozilla/pjs.git
176 строки
5.8 KiB
HTML
176 строки
5.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
|
<html lang="en-US">
|
|
<head>
|
|
<title>Anonymous table objects</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
<meta http-equiv="Content-Style-Type" content="text/css">
|
|
<link rel="copyright" href="/~dbaron/legal.html">
|
|
<style type="text/css">
|
|
div { margin: 1em 0; }
|
|
|
|
.table, .inlineTable, .tableRow, .tableRowGroup, .tableHeaderGroup,
|
|
.tableFooterGroup, .tableColumn, .tableColumnGroup, .tableCell,
|
|
.tableCaption {
|
|
background: aqua;
|
|
color: black;
|
|
}
|
|
|
|
.table { display: table; }
|
|
.inlineTable { display: inline-table; }
|
|
.tableRow { display: table-row; }
|
|
.tableRowGroup { display: table-row-group; }
|
|
.tableHeaderGroup { display: table-header-group; }
|
|
.tableFooterGroup { display: table-footer-group; }
|
|
.tableColumn { display: table-column; }
|
|
.tableColumnGroup { display: table-column-group; }
|
|
.tableCell { display: table-cell; }
|
|
.tableCaption { display: table-caption; }
|
|
|
|
.block { display: block; }
|
|
.inline { display: inline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Anonymous table objects</h1>
|
|
|
|
<p>
|
|
See the <a
|
|
href="http://www.w3.org/TR/REC-CSS2/tables.html#anonymous-boxes">relevant
|
|
section of CSS2</a> for an explanation. <strong>This test does not
|
|
test inline-tables at all.</strong>
|
|
</p>
|
|
|
|
<h2>Rule 1</h2>
|
|
|
|
<div class="table">
|
|
Table 1, Cell 1, Row 1
|
|
</div>
|
|
|
|
<h2>Rule 2</h2>
|
|
|
|
<div>
|
|
<span class="tableCell">Table 1, Row 1, Cell 1</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 2</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 3</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 4</span>
|
|
</div>
|
|
|
|
<div>
|
|
<span class="tableCell">Table 2, Row 1, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 4</span>
|
|
<span class="tableRow">
|
|
<span class="tableCell">Table 2, Row 2, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 4</span>
|
|
</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 4</span>
|
|
</div>
|
|
|
|
<h2>Rules 3 and 4</h2>
|
|
|
|
<p>
|
|
This section does not test the behavior of columns, column groups,
|
|
or captions.
|
|
</p>
|
|
|
|
<div>
|
|
<span class="tableRow">
|
|
<span class="tableCell">Table 1, Row 1, Cell 1</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 2</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 3</span>
|
|
<span class="tableCell">Table 1, Row 1, Cell 4</span>
|
|
</span>
|
|
<span class="tableRow">
|
|
<span class="tableCell">T 1, R 2, C 1</span>
|
|
<span class="tableCell">Table 1, Row 2, Cell 2</span>
|
|
<span class="tableCell">Table 1, Row 2, Cell 3</span>
|
|
<span class="tableCell">Table 1, Row 2, Cell 4</span>
|
|
</span>
|
|
<span class="tableRow">
|
|
<span class="tableCell">Table 1, Row 3, Cell 1</span>
|
|
<span class="tableCell">Table 1, Row 3, Cell 2</span>
|
|
<span class="tableCell">T 1, R 3, C 3</span>
|
|
<span class="tableCell">Table 1, Row 3, Cell 4</span>
|
|
</span>
|
|
</div>
|
|
|
|
|
|
<p>Note: table-header-group and table-footer-group are tested only
|
|
in their HTML order, and they only appear once.</p>
|
|
|
|
<div>
|
|
<span class="tableHeaderGroup">
|
|
<span class="tableCell">Table 2, Row 1, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 4</span>
|
|
</span>
|
|
<span class="tableFooterGroup">
|
|
<span class="tableCell">Table 2, Row 5, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 5, Cell 2</span>
|
|
<span class="tableCell">T 2, R 5, C 5</span>
|
|
<span class="tableCell">Table 2, Row 5, Cell 4</span>
|
|
</span>
|
|
<span class="tableRow">
|
|
<span class="tableCell">T 2, R 2, C 1</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 4</span>
|
|
</span>
|
|
<span class="tableRowGroup">
|
|
<span class="tableCell">T 2, R 3, C 1</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell x</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 4</span>
|
|
</span>
|
|
<span class="tableRowGroup">
|
|
<span class="tableRow">
|
|
<span class="tableCell">T 2, R 4, C 1</span>
|
|
<span class="tableCell">Table 2, Row 4, Cell x</span>
|
|
<span class="tableCell">Table 2, Row 4, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 4, Cell 4</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<h2>Rule 5</h2>
|
|
|
|
<div class="table">
|
|
<span class="tableRow">
|
|
<span class="tableCell">Table 2, Row 1, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 2</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 3</span>
|
|
<span class="tableCell">Table 2, Row 1, Cell 4</span>
|
|
</span>
|
|
<span class="tableRow">
|
|
<span class="block">Table 2, Row 2, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 2, Cell 2</span>
|
|
<span class="block">Table 2, Row 2, Cell 3</span>
|
|
<span class="block">also Table 2, Row 2, Cell 3</span>
|
|
also Table 2, Row 2, Cell 3
|
|
<span class="tableCell">Table 2, Row 2, Cell 4</span>
|
|
</span>
|
|
<span class="tableRow">
|
|
<span>Table 2, Row 3, Cell 1</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 2</span>
|
|
<span class="table">Table 2, Row 3, Cell 3 (a nested table)</span>
|
|
<span class="tableCell">Table 2, Row 3, Cell 4</span>
|
|
</span>
|
|
</div>
|
|
|
|
<hr title="Beginning of Footer">
|
|
<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>
|
|
<p>(Back to
|
|
<a href="./">CSS Testing Information</a>,
|
|
<a href="../../">David Baron</a>)</p>
|
|
<p><a href="/~dbaron/" title="David Baron's Homepage">LDB</a>,
|
|
<a rev="made" href="mailto:dbaron@fas.harvard.edu" TITLE="Send e-mail to David Baron">dbaron@fas.harvard.edu</a></p>
|
|
|
|
</body></html>
|