11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22<html lang="en">
3- <!-- $Id: visuren.src,v 2.183 2011-03-16 13:58:12 bbos Exp $ -->
3+ <!-- $Id: visuren.src,v 2.184 2011-03-16 17:03:47 bbos Exp $ -->
44<head>
55<title>Visual formatting model</title>
66<meta name="editor" lang="tr" content="Tantek Çelik">
@@ -119,8 +119,7 @@ specifies a box's type.
119119element"><a name="block-level"><dfn>Block-level elements</dfn></a></span> are those elements of the source document that are formatted visually as
120120blocks (e.g., paragraphs). The following values of the <span
121121class="propinst-display">'display'</span> property make an element
122- block-level: 'block', 'list-item', and 'run-in' (part of the
123- time; see <a href="#run-in">run-in boxes</a>), and 'table'.
122+ block-level: 'block', 'list-item', and 'table'.
124123</p>
125124
126125<p><span class="index-def" title="block-level box"><dfn>Block-level
@@ -266,8 +265,7 @@ do not form new blocks of content; the content is distributed in lines
266265within a paragraph, inline images,
267266etc.). The following values of the <span
268267class="propinst-display">'display'</span> property make an element
269- inline-level: 'inline', 'inline-table', 'inline-block'
270- and 'run-in' (part of the time; see <a href="#run-in">run-in boxes</a>).
268+ inline-level: 'inline', 'inline-table', and 'inline-block'.
271269
272270Inline-level elements generate <span class="index-def"
273271title="inline-level box"><dfn>inline-level
@@ -279,8 +277,7 @@ name="inline-box"><dfn>inline
279277box</dfn></a></span> is one that is both inline-level and whose
280278contents participate in its containing inline formatting context. A
281279non-replaced element with a 'display' value of 'inline' generates an
282- inline box. An element with a 'display' value of 'run-in' can also
283- generate an inline box; see <a href="#run-in">run-in boxes.</a>
280+ inline box.
284281Inline-level boxes that are not inline boxes (such as replaced
285282inline-level elements, inline-block elements, and inline-table
286283elements) are called <span class="index-def" title="atomic
@@ -327,96 +324,8 @@ simply called anonymous boxes in this specification.
327324</p>
328325<h3><a name="run-in">Run-in boxes</a></h3>
329326
330-
331-
332- <p>A <span class="index-def" title="run-in element"><dfn>run-in
333- element</dfn></span> (or pseudo-element) <var>A</var> behaves as
334- follows:
335-
336- <ol>
337- <li>If <var>A</var> has any <a
338- href="conform.html#child">children</a> that <a
339- href="#inhibit-run-in">inhibit run-in behavior</a> (see below), then
340- <var>A</var> is rendered as if it had 'display: block'.
341-
342- <li>Let <var>B</var> be the first of <var>A</var>'s following <a
343- href="conform.html#sibling">siblings</a> that is neither floating
344- nor <a href="visuren.html#absolutely-positioned">absolutely
345- positioned</a> nor has 'display: none'. If <var>B</var> exists and has a
346- specified value for 'display' of 'block' or 'list-item' and is not
347- <a href="conform.html#replaced-element">replaced,</a> then
348- <var>A</var> is rendered as an 'inline' element at the start of
349- <var>B</var>'s <a href="visuren.html#principal-box">principal
350- box.</a> Note: <var>A</var> is rendered before <var>B</var>'s
351- ':before' pseudo-element, if any. See <a
352- href="generate.html#before-after-content">12.1.</a>
353-
354- <li>Otherwise, <var>A</var> is rendered as if it had 'display:
355- block'.
356- </ol>
357-
358- <p>In the above, "siblings" and "children" include both normal
359- elements and :before/:after pseudo-elements.
360-
361- <p id="inhibit-run-in">An element or pseudo-element <var>C</var>
362- <dfn><span class="index-def">inhibits run-in behavior</span></dfn> if
363- one of the following is
364- true. (Note that the definition is recursive.)
365-
366- <ol>
367- <li><var>C</var> is not floating and not <a
368- href="visuren.html#absolutely-positioned">absolutely positioned</a>
369- and the computed value of its 'display' is one of 'block',
370- 'list-item', 'table' or 'run-in'.
371-
372- <li><var>C</var> has a computed value for 'display' of 'inline' and
373- it has one or more children that inhibit run-in behavior. (Where
374- "children" includes both normal elements and :before/:after
375- pseudo-elements.)
376- </ol>
377-
378- <p>A 'run-in' box is useful for run-in headers, as
379- in this example:
380- </p>
381- <div class="html-example">
382- <pre><code class="html">
383- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
384- <HTML>
385- <HEAD>
386- <TITLE>A run-in box example</TITLE>
387- <STYLE type="text/css">
388- H3 { display: run-in }
389- </STYLE>
390- </HEAD>
391- <BODY>
392- <H3>A run-in heading.</H3>
393- <P>And a paragraph of text that
394- follows it.
395- </BODY>
396- </HTML>
397- </code></pre>
398- </div>
399-
400- <p>This example might be formatted as:</p>
401-
402- <pre>
403- <b>A run-in heading.</b> And a
404- paragraph of text that
405- follows it.
406- </pre>
407-
408- <p>Despite appearing visually part of the following block box,
409- a run-in element still inherits properties from its parent
410- in the source tree.
411- It is undefined in CSS 2.1 if a run-in inherits from a
412- ':first-line' pseudo-element.
413- </p>
414-
415- <p>Please consult the section on
416- <a href="generate.html#before-after-content">generated content</a>
417- for information about how run-in boxes interact with generated
418- content.
419- </p>
327+ <p>[This section exists so that the section numbers are the same as in
328+ previous drafts. Run-in boxes are not part of CSS 2.1.]
420329
421330<h3><a name="display-prop">The</a> <span
422331class="propinst-display">'display'</span> property</h3>
@@ -476,8 +385,9 @@ name="value-def-run-in"><strong>run-in</strong></a></span>
476385</dt>
477386<dd>This value creates either block or
478387inline boxes, depending on context.
479- Properties apply to run-in boxes based on their
480- final status (inline-level or block-level).
388+ 'Run-in' is defined in CSS level 3 (see <a
389+ href="/TR/css3-box">CSS basic box model</a>). It is not required for
390+ conformance to level 2.
481391</dd>
482392<dt>
483393<span class="value-inst-table">table</span>,
@@ -542,10 +452,9 @@ schemes:</dfn></span></p>
542452flow includes <a href="#block-formatting">block formatting</a>
543453of block-level boxes,
544454<a href="#inline-formatting">inline formatting</a>
545- of inline-level boxes, <a
455+ of inline-level boxes, and <a
546456href="#relative-positioning">relative positioning</a> of
547- block-level and inline-level boxes, and formatting of
548- <a href="#run-in">run-in</a> boxes.
457+ block-level and inline-level boxes.
549458</li>
550459<li><a href="#floats">Floats</a>. In the float model,
551460a box is first laid out according to the normal flow, then
@@ -1381,12 +1290,6 @@ other <a href="visuren.html#block-formatting">block formatting
13811290contexts.</a>
13821291</p>
13831292
1384- <p>
1385- For
1386- <a href="#run-in">run-in boxes</a>,
1387- this property applies to the final block box to which the run-in box belongs.
1388- </p>
1389-
13901293<p>Values have the following meanings when applied to non-floating
13911294block-level boxes:</p>
13921295
@@ -1714,7 +1617,7 @@ as specified.
17141617<table border="1">
17151618<tr><th>Specified value </th><th style="width:30%">Computed value</th></tr>
17161619<tr><td>inline-table </td><td>table</td></tr>
1717- <tr><td>inline, run-in, table-row-group, table-column,
1620+ <tr><td>inline, table-row-group, table-column,
17181621table-column-group, table-header-group, table-footer-group, table-row,
17191622table-cell, table-caption, inline-block </td><td>block</td></tr>
17201623<tr><td>others </td><td>same as specified</td></tr>
@@ -2319,9 +2222,8 @@ markup had been stripped, and the resulting character sequence had
23192222been passed to an implementation of the Unicode bidirectional
23202223algorithm for plain text that produced the same line-breaks as the
23212224styled text.
2322- In this process, replaced elements with 'display: inline' (and
2323- replaced elements with 'display: run-in', when they generate
2324- inline-level boxes) are treated as
2225+ In this process, replaced elements with 'display: inline'
2226+ are treated as
23252227neutral characters, unless their <span
23262228class="propinst-unicode-bidi">'unicode-bidi'</span> property has a
23272229value other than 'normal', in which case they are treated as strong
0 commit comments