|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
2 | 2 | <html lang="en"> |
3 | | -<!-- $Id: visuren.src,v 2.95 2003-01-27 22:30:55 bbos Exp $ --> |
| 3 | +<!-- $Id: visuren.src,v 2.96 2003-03-21 15:53:22 bbos Exp $ --> |
4 | 4 | <head> |
5 | 5 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
6 | 6 | <title>Visual formatting model</title> |
7 | | -<!-- Changed by: Tantek Celik, 2003-01-20 --> |
| 7 | +<!-- Changed by: Tantek Celik, 2003-03-06 --> |
8 | 8 | <style type="text/css"> |
9 | 9 | .current,.proposed { background:#feb } |
10 | 10 | ins.proposed { background:#bfb } |
@@ -123,9 +123,10 @@ and 'table'. |
123 | 123 | </p> |
124 | 124 | <p>Block-level elements generate a <span class="index-def" |
125 | 125 | title="principal block box"><a name="principal-box"><dfn>principal |
126 | | -block box</dfn></a></span> that only contains <span class="index-def" |
| 126 | +block box</dfn></a></span> that contains either only <span class="index-def" |
127 | 127 | title="block box"><a name="block-box"><dfn>block |
128 | | -boxes</dfn></a></span>. The principal block box establishes the <a |
| 128 | +box</dfn>es</a></span> or only <span class="index-def" |
| 129 | +title="inline box"><a name="inline-box"><dfn>inline box</dfn>es</a></span>. The principal block box establishes the <a |
129 | 130 | href="#containing-block">containing block</a> for descendant boxes and |
130 | 131 | generated content and is also the box involved in any positioning |
131 | 132 | scheme. Principal block boxes participate in a <a |
@@ -1183,18 +1184,24 @@ source document. |
1183 | 1184 | <dd>No constraint on the box's position with respect to floats.</dd> |
1184 | 1185 | </dl> |
1185 | 1186 |
|
1186 | | -<p>When applied to inline elements, rather than increasing the top margin as |
1187 | | -explained above, one or more empty line boxes are inserted to move |
| 1187 | +<p class="note"> |
| 1188 | +Note: This property applied to all elements in CSS1. Implementations |
| 1189 | +may therefore have supported this property on all elements. In CSS2 |
| 1190 | +and CSS 2.1 the 'clear' property only applies to block-level elements. |
| 1191 | +Therefore authors should only use this property on block-level |
| 1192 | +elements. If an implementation does support clear on inline elements, |
| 1193 | +rather than increasing the top margin as explained above, |
| 1194 | +the implementation should insert one or more empty line boxes to move |
1188 | 1195 | the top of the cleared inline's line box to below the respective floating box(es). |
1189 | 1196 | </p> |
1190 | | - |
| 1197 | +<del> |
| 1198 | +<p> |
1191 | 1199 | Example: |
1192 | | - |
1193 | | -<PRE> |
| 1200 | +</p> |
| 1201 | +<pre> |
1194 | 1202 | span { clear: left } |
1195 | | -</PRE> |
1196 | | - |
1197 | | - |
| 1203 | +</pre> |
| 1204 | +</del> |
1198 | 1205 | <p>When the property is set on floating elements, it results in a |
1199 | 1206 | modification of the <a href="#float-rules">rules</a> for |
1200 | 1207 | positioning the float. An extra constraint (#10) is added: |
|
0 commit comments