|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
2 | 2 | <html lang="en"> |
3 | | -<!-- $Id: tables.src,v 2.80 2005-03-02 04:41:45 bbos Exp $ --> |
| 3 | +<!-- $Id: tables.src,v 2.81 2005-03-03 22:46:08 bbos Exp $ --> |
4 | 4 | <head> |
5 | 5 | <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> |
6 | 6 | <title>Tables</title> |
@@ -72,9 +72,9 @@ solid blue border and each of the other rows will be surrounded by a |
72 | 72 |
|
73 | 73 | <pre> |
74 | 74 | table { border-collapse: collapse } |
75 | | -tr#row1 { border-top: 3px solid blue } |
76 | | -tr#row2 { border-top: 1px solid black } |
77 | | -tr#row3 { border-top: 1px solid black } |
| 75 | +tr#row1 { border: 3px solid blue } |
| 76 | +tr#row2 { border: 1px solid black } |
| 77 | +tr#row3 { border: 1px solid black } |
78 | 78 | </pre> |
79 | 79 |
|
80 | 80 | <p>Note, however, that the borders around the rows overlap where the |
@@ -208,11 +208,18 @@ formatting rules to an arbitrary element: |
208 | 208 | class="value-def" |
209 | 209 | name="value-def-table-caption">table-caption</a></span></strong> (In |
210 | 210 | HTML: CAPTION) <dd>Specifies a caption for the table. Use of |
211 | | - multiple elements with 'display: caption' is undefined; authors |
212 | | - should not put more than one element with 'display: caption' inside |
| 211 | + multiple elements with 'display: table-caption' is undefined; authors |
| 212 | + should not put more than one element with 'display: table-caption' inside |
213 | 213 | a table or inline-table element. |
214 | 214 | </dl> |
215 | 215 |
|
| 216 | +<p>Replaced elements with these <span |
| 217 | +class="propinst-display">'display'</span> values are treated as their |
| 218 | +given display types during layout. For example, an image that is set |
| 219 | +to 'display: table-cell' will fill the available cell space, and its |
| 220 | +dimensions might contribute towards the table sizing algorithms, as |
| 221 | +with an ordinary cell. |
| 222 | + |
216 | 223 | <p>Elements with <span class="propinst-display">'display'</span> set |
217 | 224 | to 'table-column' or 'table-column-group' are not rendered (exactly as |
218 | 225 | if they had 'display: none'), but they are useful, because they may |
@@ -254,59 +261,59 @@ href="visuren.html#anonymous">anonymous</a> objects (e.g., anonymous |
254 | 261 | boxes in visual table layout) according to the following rules: |
255 | 262 |
|
256 | 263 | <ol> |
257 | | - <li>If the parent P of a 'table-cell' element T is not a |
258 | | - 'table-row', an object corresponding to a 'table-row' will be |
259 | | - generated between P and T. This object will span all consecutive |
| 264 | + <li>If the parent P of a 'table-cell' box T is not a |
| 265 | + 'table-row', a box corresponding to a 'table-row' will be |
| 266 | + generated between P and T. This box will span all consecutive |
260 | 267 | 'table-cell' siblings (in the document tree) of T. |
261 | 268 |
|
262 | | - <li>If the parent P of a 'table-row' element T is not a 'table', |
| 269 | + <li>If the parent P of a 'table-row' box T is not a 'table', |
263 | 270 | 'inline-table', 'table-header-group', 'table-footer-group' or |
264 | | - 'table-row-group' element, an object corresponding to a 'table' |
265 | | - element will be generated between P and T. This object will span all |
| 271 | + 'table-row-group' box, a box corresponding to a 'table' |
| 272 | + element will be generated between P and T. This box will span all |
266 | 273 | consecutive siblings (in the document tree) of T that require a |
267 | 274 | 'table' parent: 'table-row', 'table-row-group', |
268 | 275 | 'table-header-group', 'table-footer-group', 'table-column', |
269 | 276 | 'table-column-group', and 'table-caption'. T and T's siblings may |
270 | | - also be anonymous 'table-row' objects generated by rule 1. |
| 277 | + also be anonymous 'table-row' boxes generated by rule 1. |
271 | 278 |
|
272 | | - <li>If the parent P of a 'table-column' element T is not a 'table', |
273 | | - 'inline-table', or 'table-column-group' element, an object |
| 279 | + <li>If the parent P of a 'table-column' box T is not a 'table', |
| 280 | + 'inline-table', or 'table-column-group' box, a box |
274 | 281 | corresponding to a 'table' element will be generated between P and |
275 | | - T. This object will span all consecutive siblings (in the document |
| 282 | + T. This box will span all consecutive siblings (in the document |
276 | 283 | tree) of T that require a 'table' parent: 'table-row', |
277 | 284 | 'table-row-group', 'table-header-group', 'table-footer-group', |
278 | 285 | 'table-column', 'table-column-group', and 'table-caption', including |
279 | | - any anonymous 'table-row' objects generated by rule 1. |
| 286 | + any anonymous 'table-row' boxes generated by rule 1. |
280 | 287 |
|
281 | 288 | <li>If the parent P of a 'table-row-group' (or 'table-header-group', |
282 | 289 | 'table-footer-group', or 'table-column-group' or 'table-caption') |
283 | | - element T is not a 'table' or 'inline-table', an object |
| 290 | + box T is not a 'table' or 'inline-table', a box |
284 | 291 | corresponding to a 'table' element will be generated between P and |
285 | | - T. This object will span all consecutive siblings (in the document |
| 292 | + T. This box will span all consecutive siblings (in the document |
286 | 293 | tree) of T that require a 'table' parent: 'table-row', |
287 | 294 | 'table-row-group', 'table-header-group', 'table-footer-group', |
288 | 295 | 'table-column', 'table-column-group', and 'table-caption', including |
289 | | - any anonymous 'table-row' objects generated by rule 1. |
| 296 | + any anonymous 'table-row' boxes generated by rule 1. |
290 | 297 |
|
291 | | - <li>If a child T of a 'table' element (or 'inline-table') P is not a |
| 298 | + <li>If a child T of a 'table' box (or 'inline-table') P is not a |
292 | 299 | 'table-row-group', 'table-header-group', 'table-footer-group', |
293 | 300 | 'table-caption', 'table-column', 'table-column-group' or 'table-row' |
294 | | - element, an object corresponding to a 'table-row' element will be |
295 | | - generated between P and T. This object spans all consecutive |
| 301 | + box, a box corresponding to a 'table-row' element will be |
| 302 | + generated between P and T. This box spans all consecutive |
296 | 303 | siblings of T that are not 'table-row-group', 'table-header-group', |
297 | 304 | 'table-footer-group', 'table-caption', 'table-column', |
298 | | - 'table-column-group' or 'table-row' elements. |
| 305 | + 'table-column-group' or 'table-row' boxes. |
299 | 306 |
|
300 | | - <li>If a child T of a 'table-row-group' element (or |
| 307 | + <li>If a child T of a 'table-row-group' box (or |
301 | 308 | 'table-header-group' or 'table-footer-group') P is not a 'table-row' |
302 | | - element, an object corresponding to a 'table-row' element will be |
303 | | - generated between P and T. This object spans all consecutive |
304 | | - siblings of T that are not 'table-row' elements. |
305 | | - |
306 | | - <li>If a child T of a 'table-row' element P is not a 'table-cell' |
307 | | - element, an object corresponding to a 'table-cell' element will be |
308 | | - generated between P and T. This object spans all consecutive |
309 | | - siblings of T that are not 'table-cell' elements. |
| 309 | + box, a box corresponding to a 'table-row' element will be |
| 310 | + generated between P and T. This box spans all consecutive |
| 311 | + siblings of T that are not 'table-row' boxes. |
| 312 | + |
| 313 | + <li>If a child T of a 'table-row' box P is not a 'table-cell' |
| 314 | + box, a box corresponding to a 'table-cell' element will be |
| 315 | + generated between P and T. This box spans all consecutive |
| 316 | + siblings of T that are not 'table-cell' boxes. |
310 | 317 | </ol> |
311 | 318 |
|
312 | 319 | <div class="example"> |
@@ -793,6 +800,10 @@ can use any other algorithm. |
793 | 800 | to have access to all the content in the table before determining the |
794 | 801 | final layout and may demand more than one pass. |
795 | 802 |
|
| 803 | +<p>Input to this algorithm must only include the width of the |
| 804 | +containing block and the content of, and any CSS properties set on, |
| 805 | +the table and any of its descendants. |
| 806 | + |
796 | 807 | <p>Column widths are determined as follows: |
797 | 808 |
|
798 | 809 | <ol> |
@@ -891,7 +902,7 @@ what percentage values of <span |
891 | 902 | class="propinst-height">'height'</span> refer to when specified for |
892 | 903 | table cells. |
893 | 904 |
|
894 | | -<p>CSS 2.1 does not specify how cells that span more than row |
| 905 | +<p>CSS 2.1 does not specify how cells that span more than one row |
895 | 906 | affect row height calculations except that the sum of the row heights |
896 | 907 | involved must be great enough to encompass the cell spanning the rows. |
897 | 908 |
|
|
0 commit comments