11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: tables.src,v 2.15 1998-02-21 04:28:28 ijacobs Exp $ -->
3+ <!-- $Id: tables.src,v 2.16 1998-02-28 01:15:05 bbos Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
66<title>Tables</title>
@@ -237,6 +237,8 @@ HTML: CAPTION)
237237<dd>Specifies a caption for the table.
238238</dl>
239239
240+ <!-- table-column-header-group? StevenP 27/2/98 -->
241+
240242<p>Elements with <span class="propinst-display">'display'</span> set
241243to 'table-column' or 'table-column-group' are not rendered (exactly as
242244if they had 'display: none'), but they are useful, because they may
@@ -250,27 +252,31 @@ in the appendix illustrates the use of these values for HTML 4.0:</p>
250252TABLE { display: table }
251253TR { display: table-row }
252254THEAD { display: table-header-group }
253- TBODY { display: table-footer -group }
254- TFOOT { display: table-row -group }
255+ TBODY { display: table-row -group }
256+ TFOOT { display: table-footer -group }
255257COL { display: table-column }
256258COLGROUP { display: table-column-group }
257259TD, TH { display: table-cell }
258260CAPTION { display: table-caption }
259261</pre>
260262
261- <P>User agents must <a href="syndata.html#skip">skip</a> these <span
263+ <P>User agents may <a href="syndata.html#skip">skip</a> these <span
262264class="propinst-display">'display'</span> property values for HTML
263265documents, since authors should not alter an element's expected
264266behavior.
267+ <!-- must ==> may 27/2/98 -->
265268
266269<h3>Anonymous table boxes</h3>
270+ <!--... in other lang than HTML -->
267271
268- <P>For document languages other than HTML 4.0, authors may end up
272+ <!-- what is this first sentence? -->
273+ <P>For document languages other than HTML<!-- 4.0-->, authors may end up
269274some, but not all, document language elements with those in the CSS2
270275table model. In these cases, the "missing" elements must be assumed in
271276order for the table model to work. The missing elements generate <a
272277href="visuren.html#anonymous">anonymous</a> boxes according to the
273278following rules:</p>
279+ <!-- Make explicit: this is NOT required for HTML -->
274280
275281<ol>
276282
@@ -407,6 +413,8 @@ COL.totals {width: 5em}
407413</pre>
408414</div>
409415
416+ <!-- Make illustration. 27/2/98 -->
417+
410418
411419<h2>Tables in the visual rendering model</h2>
412420
@@ -501,6 +509,7 @@ TABLE {
501509 margin-right: auto
502510}
503511CAPTION {
512+ caption-side: left;
504513 margin-left: -8em;
505514 width: 8em;
506515 text-align: right;
@@ -597,6 +606,9 @@ specification), the table is in error according to HTML 4.0, and a UA
597606is free to try to recover. UAs that implement CSS2 are not free
598607anymore, and must leave gaps, as per the algorithm above. </em></div>
599608
609+ <!-- Make the above only suggested for XML, not for HTML. HTML stays
610+ undefined. 27/2/98 -->
611+
600612<div class="html-example">
601613<p>Here is an example:
602614
@@ -674,7 +686,7 @@ row. The following HTML code and style rules</p>
674686<HTML>
675687 <HEAD>
676688 <STYLE type="text/css">
677- TABLE { background: #ff0 }
689+ TABLE { background: #ff0; border-spacing: none }
678690 TD { background: red; border: double black }
679691 </STYLE>
680692 </HEAD>
@@ -688,7 +700,6 @@ row. The following HTML code and style rules</p>
688700 <TD> 4
689701 </TR>
690702 <TR>
691- <TD> &nbsp;
692703 </TR>
693704 </TABLE>
694705 </BODY>
@@ -739,6 +750,8 @@ and columns. Values have the following meaning:</p>
739750not depend on the contents of the cells; it only depends on the
740751table's width and the width of the cells in the first row.
741752
753+ <!-- Only use width of column, not of cells. ChrisW. Agreed. 27/2/98 -->
754+
742755<P>The table's width is determined by the <span
743756class="propinst-width">'width'</span> property. If the value is
744757'auto', the table is as wide as the available horizontal space.
@@ -1011,6 +1024,9 @@ potential change in column constraints.
10111024
10121025<h2><a name="borders">Borders</a></h2>
10131026
1027+ <!-- Add property that switches between drawing borders on empty
1028+ cells. MikeW 27/2/98 -->
1029+
10141030<p>There are two distinct models for setting borders on table cells in
10151031CSS. One is most suitable for so-called <span class="index-inst"
10161032title="2�D borders">"2�D" borders</span> around individual cells, the
@@ -1020,6 +1036,9 @@ model, so it is often a matter of taste which one is used.
10201036
10211037<!-- #include src=properties/border-spacing.srb -->
10221038
1039+ <!-- make collapse/non-collapse a separate, binary property.
1040+ border-collapse: collapse|separate. 27/2/98 -->
1041+
10231042<P>The property <span
10241043class="propinst-border-spacing">'border-spacing'</span> selects a
10251044table's border model. Values have the following meanings:</p>
@@ -1053,8 +1072,8 @@ href="syndata.html#skip">skip</a></span> the border properties for
10531072those elements.
10541073
10551074<div class="example">
1056- <p>The table in Figure 3[??] could be the result of a style sheet like
1057- this:
1075+ <p>The table in the figure below could be the result of a style sheet
1076+ like this:
10581077
10591078<pre>
10601079 TABLE { border: outset 10pt; border-spacing: 15pt }
@@ -1156,6 +1175,8 @@ group and, lastly, table.
11561175<P>The following example illustrates the application
11571176of these precedence rules. This style sheet:</p>
11581177
1178+ <!-- Add border-collapse: collapse to style below. 27/2/98 -->
1179+
11591180<pre>
11601181 TABLE { border: 5px solid yellow; }
11611182 *#col1 { border: 1px solid black; }
@@ -1166,6 +1187,7 @@ of these precedence rules. This style sheet:</p>
11661187
11671188<P>with this HTML source:</p>
11681189
1190+ <!-- Put some real content instead of nbsp. 27/2/98 -->
11691191<pre class="html-example">
11701192<P>
11711193<TABLE>
0 commit comments