|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
2 | 2 | <html lang="en">
|
3 |
| -<!-- $Id: visuren.src,v 2.198 2013-07-15 15:51:48 bbos Exp $ --> |
| 3 | +<!-- $Id: visuren.src,v 2.199 2014-01-17 13:47:14 bbos Exp $ --> |
4 | 4 | <head>
|
5 | 5 | <title>Visual formatting model</title>
|
6 | 6 | <!--script src="http://www.w3c-test.org/css/harness/annotate.js#CSS21_DEV" type="text/javascript" defer></script-->
|
@@ -113,41 +113,46 @@ class="propinst-display">'display'</span> property, described below,
|
113 | 113 | specifies a box's type.
|
114 | 114 | </p>
|
115 | 115 |
|
116 |
| -<h3><a name="block-boxes">Block-level elements and block boxes</a></h3> |
117 |
| - |
118 |
| -<p><span class="index-def" title="block-level |
119 |
| -element"><a name="block-level"><dfn>Block-level elements</dfn></a></span> are those elements of the source document that are formatted visually as |
120 |
| -blocks (e.g., paragraphs). The following values of the <span |
121 |
| -class="propinst-display">'display'</span> property make an element |
122 |
| -block-level: 'block', 'list-item', and 'table'. |
123 |
| -</p> |
124 |
| - |
125 |
| -<p><span class="index-def" title="block-level box"><dfn>Block-level |
126 |
| -boxes</dfn></span> are boxes that participate in |
127 |
| -a <a href="#block-formatting">block formatting context.</a> Each |
128 |
| -block-level element generates a <span class="index-def" |
129 |
| -title="principal block-level |
130 |
| -box"><a name="principal-box"><dfn>principal block-level |
| 116 | +<p>Certain values of the <span |
| 117 | +class="propinst-display">'display'</span> property cause an element of |
| 118 | +the source document to generate a <span class="index-def" |
| 119 | +title="principal box"><a name="principal-box"><dfn>principal |
131 | 120 | box</dfn></a></span> that contains descendant boxes and generated
|
132 |
| -content and is also the box involved in any positioning scheme. |
| 121 | +content and is also the box involved in any positioning scheme. Some |
| 122 | +elements may generate additional boxes in addition to the principal |
| 123 | +box: 'list-item' elements. These additional boxes are placed with |
| 124 | +respect to the principal box. |
133 | 125 |
|
134 |
| -Some block-level elements may generate additional boxes in addition |
135 |
| -to the |
136 |
| -principal box: 'list-item' elements. These additional boxes are |
137 |
| -placed with respect to the principal box. |
| 126 | +<h3><a name="block-boxes">Block-level elements and block boxes</a></h3> |
138 | 127 |
|
139 |
| -<p>Except for table boxes, which are described in a later chapter, and |
140 |
| -replaced elements, a block-level box is also a block container box. |
| 128 | +<p><span class="index-def" title="block-level element"><a |
| 129 | +name="block-level"><dfn>Block-level elements</dfn></a></span> – |
| 130 | +those elements of the source document that are formatted visually as |
| 131 | +blocks (e.g., paragraphs) – are elements which generate a |
| 132 | +block-level principal box. Values of the <span |
| 133 | +class="propinst-display">'display'</span> property that make an |
| 134 | +element block-level include: 'block', 'list-item', and 'table'. <span |
| 135 | +class="index-def" title="block-level box"><dfn>Block-level |
| 136 | +boxes</dfn></span> are boxes that participate in a <a |
| 137 | +href="#block-formatting">block formatting context.</a> |
| 138 | + |
| 139 | +<p>In CSS 2.1, a block-level box is also a block container box |
| 140 | +unless it is a table box or the principal box of a replaced element. |
141 | 141 | A <span class="index-def" title="block container box"><a
|
142 |
| -name="block-container-box"><dfn >block |
143 |
| -container box</dfn></a></span> either |
144 |
| -contains only block-level boxes or establishes an inline formatting |
145 |
| -context and thus contains only inline-level boxes. Not all block |
146 |
| -container boxes are block-level boxes: non-replaced inline blocks |
147 |
| -and non-replaced table cells are block containers but not block-level |
148 |
| -boxes. Block-level boxes that are also block containers are |
149 |
| -called <span class="index-def" title="block box"><dfn>block |
150 |
| -boxes</dfn></span>. |
| 142 | +name="block-container-box"><dfn >block container box</dfn></a></span> |
| 143 | +either contains only block-level boxes or establishes an <a |
| 144 | +href="#inline-formatting" >inline formatting context</a> and thus |
| 145 | +contains only <a href="#anonymous-block-level" >inline-level |
| 146 | +boxes.</a> An element whose principal box is a block container box is |
| 147 | +a <span class="index-def" title="block container element" ><a |
| 148 | +name="block-container-element" ><dfn >block container |
| 149 | +element.</dfn></a></span> Values of the 'display' property which make |
| 150 | +a non-replaced element generate a block container include 'block', |
| 151 | +'list-item' and 'inline-block'. Not all block container boxes are |
| 152 | +block-level boxes: non-replaced inline blocks and non-replaced table |
| 153 | +cells are block containers but are not block-level. Block-level boxes |
| 154 | +that are also block containers are called <span class="index-def" |
| 155 | +title="block box"><dfn>block boxes</dfn></span>. |
151 | 156 |
|
152 | 157 | <p>The three terms "block-level box," "block container box," and
|
153 | 158 | "block box" are sometimes abbreviated as "block" where unambiguous.
|
@@ -340,15 +345,15 @@ class="propinst-display">'display'</span> property</h3>
|
340 | 345 | <dt><span class="index-def" title="'block', definition of"><a
|
341 | 346 | name="value-def-block"><strong>block</strong></a></span>
|
342 | 347 | </dt>
|
343 |
| -<dd>This value causes an element to generate a block box. |
| 348 | +<dd>This value causes an element to generate a principal block box. |
344 | 349 | </dd>
|
345 | 350 | <dt><span class="index-def" title="'inline-block', definition of"><a
|
346 | 351 | name="value-def-inline-block"><strong>inline-block</strong></a></span>
|
347 | 352 | </dt>
|
348 |
| -<dd>This value causes an element to generate an inline-level block |
| 353 | +<dd>This value causes an element to generate a principal inline-level block |
349 | 354 | container.
|
350 |
| -The inside of an inline-block is formatted as a block box, and the |
351 |
| -element itself is formatted as an atomic inline-level box. |
| 355 | +(The inside of an inline-block is formatted as a block box, and the |
| 356 | +element itself is formatted as an atomic inline-level box.) |
352 | 357 | </dd>
|
353 | 358 | <dt><span class="index-def" title="'inline', definition of"><a
|
354 | 359 | name="value-def-inline"><strong>inline</strong></a></span>
|
|
0 commit comments