|
9 | 9 | <link href="http://purl.org/dc/terms/" rel=schema.DC> |
10 | 10 | <meta content="CSS basic box model" name=DC.title> |
11 | 11 | <meta content=text name=DC.type> |
12 | | - <meta content=2012-09-19 name=DC.issued> |
| 12 | + <meta content=2012-09-20 name=DC.issued> |
13 | 13 | <meta content="Bert Bos" name=DC.creator> |
14 | 14 | <meta content="Anton Prowse" name=DC.creator> |
15 | 15 | <meta content=W3C name=DC.publisher> |
16 | | - <meta content="http://www.w3.org/TR/2012/ED-css3-box-20120919/" |
| 16 | + <meta content="http://www.w3.org/TR/2012/ED-css3-box-20120920/" |
17 | 17 | name=DC.identifier> |
18 | 18 | <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" |
19 | 19 | rel=DC.rights> |
|
34 | 34 |
|
35 | 35 | <h1>CSS basic box model</h1> |
36 | 36 |
|
37 | | - <h2 class="no-num no-toc" id=longstatus-date-26-sep-2006>Editor's Draft 19 |
| 37 | + <h2 class="no-num no-toc" id=longstatus-date-26-sep-2006>Editor's Draft 20 |
38 | 38 | September 2012</h2> |
39 | 39 |
|
40 | 40 | <dl> |
41 | 41 | <dt>This version: |
42 | 42 |
|
43 | | - <dd><a href="http://www.w3.org/TR/2012/ED-css3-box-20120919/"> |
44 | | - http://www.w3.org/TR/2012/ED-css3-box-20120919</a> |
| 43 | + <dd><a href="http://www.w3.org/TR/2012/ED-css3-box-20120920/"> |
| 44 | + http://www.w3.org/TR/2012/ED-css3-box-20120920</a> |
45 | 45 |
|
46 | 46 | <dt>Latest version: |
47 | 47 |
|
@@ -452,27 +452,42 @@ <h2 id=introduction-amp-definitions><span class=secno>3. |
452 | 452 | box is like a paragraph; a line box is like a single line of text; and |
453 | 453 | inline boxes are like words inside a line. |
454 | 454 |
|
455 | | - <p class=issue>Define the <dfn id=box-tree. |
456 | | - title="box tree|tree!!of boxes">box tree.</dfn> (Do we need to? If so, are |
457 | | - glyphs boxes? Is the space between words a kind of box as well, or a |
458 | | - spacer item? Is the current selection a box? Is there a defined order |
459 | | - among sibling boxes? If so, are bidi inline boxes ordered in reading order |
460 | | - or in visual order?) |
| 455 | + <div class=issue> |
| 456 | + <p>Define the <dfn id=box-tree. title="box tree|tree!!of boxes">box |
| 457 | + tree.</dfn> (Is the space between words a kind of box as well, or a |
| 458 | + spacer item? Is the current selection a box? Is there a defined order |
| 459 | + among sibling boxes? If so, are bidi inline boxes ordered in reading |
| 460 | + order or in visual order?) |
| 461 | + |
| 462 | + <p>[Define the box tree before pagination and then describe how pagination |
| 463 | + can break one box into two?] |
| 464 | + |
| 465 | + <ul> |
| 466 | + <li>If the parent element is a list item, the boxes go into the parent's |
| 467 | + block box, not the marker box. |
| 468 | + |
| 469 | + <li>If the element is run-in, its boxes go either into a box of its |
| 470 | + parent element, or into a box of a later sibling. |
| 471 | + |
| 472 | + <li>The order of sibling boxes is always such that boxes that belong to |
| 473 | + elements earlier in the document come before boxes of elements that come |
| 474 | + later in the document. |
| 475 | + |
| 476 | + <li>Note that ‘<code class=property>position</code>’ can put a box |
| 477 | + into the box of an ancestor (the one establishing the containing block) |
| 478 | + rather than a parent. |
| 479 | + |
| 480 | + <li>Note that ‘<a href="#flow0"><code class=property>flow</code></a>’ |
| 481 | + puts boxes into a named flow root. |
| 482 | + </ul> |
| 483 | + </div> |
461 | 484 |
|
462 | 485 | <p>When the specification says a box <var>A</var> <dfn |
463 | | - id=contains>contains</dfn> a box <var>B</var>, then <var>B</var> is a box |
464 | | - generated by an element that is a descendant of the element that generated |
465 | | - <var>A</var>. Typically, box <var>B</var> is geometrically contained in |
466 | | - box <var>A</var> as well, but that need not be the case, because of, e.g., |
467 | | - overflow or negative margins. Also, the ‘<a href="#flow0"><code |
468 | | - class=property>flow</code></a>’ <a href="#CSS3LAYOUT" |
469 | | - rel=biblioentry>[CSS3LAYOUT]<!--{{CSS3LAYOUT}}--></a><a |
470 | | - href="#CSS3-REGIONS" |
471 | | - rel=biblioentry>[CSS3-REGIONS]<!--{{CSS3-REGIONS}}--></a> and ‘<code |
472 | | - class=property>position</code>’ <a href="#CSS3-POSITIONING" |
473 | | - rel=biblioentry>[CSS3-POSITIONING]<!--{{CSS3-POSITIONING}}--></a> |
474 | | - properties allow boxes to be explicitly positioned outside the box of |
475 | | - their parent. |
| 486 | + id=contains>contains</dfn> a box <var>B</var> it means <var>B</var> is a |
| 487 | + child of <var>A</var> in the <a href="#box-tree."><em>box tree.</em></a> |
| 488 | + Typically, box <var>B</var> is geometrically contained within box |
| 489 | + <var>A</var> as well, but that need not be the case, because of, e.g., |
| 490 | + overflow or negative margins. |
476 | 491 |
|
477 | 492 | <p class=note>Note: The precise rules are below and in other modules, but |
478 | 493 | in summary, <span class=issue>[write something that helps convey the idea |
@@ -7765,26 +7780,6 @@ <h2 class=no-num id=references>References</h2> |
7765 | 7780 | </dd> |
7766 | 7781 | <!----> |
7767 | 7782 |
|
7768 | | - <dt id=CSS3-POSITIONING>[CSS3-POSITIONING] |
7769 | | - |
7770 | | - <dd>Arron Eicholz. <a |
7771 | | - href="http://www.w3.org/TR/2012/WD-css3-positioning-20120207/"><cite>CSS |
7772 | | - Positioned Layout Module Level 3.</cite></a> 7 February 2012. W3C Working |
7773 | | - Draft. (Work in progress.) URL: <a |
7774 | | - href="http://www.w3.org/TR/2012/WD-css3-positioning-20120207/">http://www.w3.org/TR/2012/WD-css3-positioning-20120207/</a> |
7775 | | - </dd> |
7776 | | - <!----> |
7777 | | - |
7778 | | - <dt id=CSS3-REGIONS>[CSS3-REGIONS] |
7779 | | - |
7780 | | - <dd>Vincent Hardy; Alex Mogilevsky; Alan Stearns. <a |
7781 | | - href="http://www.w3.org/TR/2012/WD-css3-regions-20120823/"><cite>CSS |
7782 | | - Regions Module Level 3.</cite></a> 23 August 2012. W3C Working Draft. |
7783 | | - (Work in progress.) URL: <a |
7784 | | - href="http://www.w3.org/TR/2012/WD-css3-regions-20120823/">http://www.w3.org/TR/2012/WD-css3-regions-20120823/</a> |
7785 | | - </dd> |
7786 | | - <!----> |
7787 | | - |
7788 | 7783 | <dt id=CSS3-TRANSFORMS>[CSS3-TRANSFORMS] |
7789 | 7784 |
|
7790 | 7785 | <dd>Simon Fraser; et al. <a |
|
0 commit comments