[css2] Updated (quickly) for new table value names for display, adjusted heading levels

ianbjacobs · ianbjacobs · commit fc569983a337 · 1998-01-29T00:52:53.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40775
diff --git a/css2/visuren.src b/css2/visuren.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: visuren.src,v 1.69 1998-01-28 18:09:18 bbos Exp $ -->
+<!-- $Id: visuren.src,v 1.70 1998-01-29 00:52:53 ijacobs Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Visual rendering model</TITLE>
@@ -46,9 +46,18 @@ in the containing block is also affected by the edges of those
 floating boxes.
 
 <P>The <a href="#box-model">box model</a> describes the generation of
-boxes. The normal, float, and absolute positioning models describe the
-<a href="#layout">layout</a> of these boxes with respect to containing
-blocks.
+boxes. The layout of these boxes is governed by:</p>
+
+<ul>
+<li><a href="#box-dimensions">box dimensions</a> and <a
+href="#box-gen">type</a>.
+<li><a href="#positioning-scheme">positioning scheme</a>
+(normal, float, and absolute positioning models).
+<li>relationships between elements
+in the <a href="conform.html#doctree">document tree.</a>
+<li>external information (e.g., viewport size, intrinsic
+dimensions of images, etc.).
+</ul>
 
 <P>The properties defined in this chapter apply to both <a
 href="media.html#continuous-media-group">continuous media</a> and <a
@@ -114,7 +123,8 @@ elements</dfn></span> are those elements of the document language that
 do not cause paragraph breaks (e.g., pieces of text, inline images,
 etc.). Several values of the <span
 class="propinst-display">'display'</span> property make an element
-inline: 'inline', 'compact' and 'run-in' (part of the time; see <a
+inline: 'inline', 'inline-table', 
+'compact' and 'run-in' (part of the time; see <a
 href="#compact-and-run-in">compact and run-in boxes</a>). 
 Inline elements generate inline boxes.  
 
@@ -152,10 +162,10 @@ class="propinst-display">'display'</span> value.
 For information about lists and examples of list formatting,
 please consult the section on <a href="lists.html">lists</a>.
 
-<dt><span class="index-def" title="'none'::as list style"><span
-class="value-def-none"><strong>'none'</strong></span></span> 
+<dt><span class="value-def-none"><strong>'none'</strong></span>
 
-<dd>This value causes an element to generate <b>no</b> boxes in the <a
+<dd><span class="index-def" title="'none'::as list style">This
+value</span> causes an element to generate <b>no</b> boxes in the <a
 href="intro.html#rendering-structure">rendering structure</a> (i.e.,
 the element has no effect on layout).  Descendant elements do not
 generate any boxes either; this behavior <strong>cannot</strong> be
@@ -175,24 +185,25 @@ name="value-def-compact"><strong>'compact'</strong></a></span>
 <dd>These values create a box that is block-level 
 or inline, depending on context. These values are described below.
 
-<dt><span class="index-def" title="'table', definition
-of"><a name="value-def-table"><strong>'table'</strong></a></span>, <span
-class="index-def" title="'row-group', definition of"><a
-name="value-def-row-group"><strong>'row-group'</strong></a></span>, <span
-class="index-def" title="'col-group', definition of"><a
-name="value-def-col-group"><strong>'col-group'</strong></a></span>, <span
-class="index-def" title="'row', definition of"><a
-name="value-def-row"><strong>'row'</strong></a></span>, <span class="index-def"
-title="'col', definition of"><a
-name="value-def-col"><strong>'col'</strong></a></span>, <span class="index-def"
-title="'cell', definition of"><a
-name="value-def-cell"><strong>'cell'</strong></a></span>, and <span class="index-def"
-title="'caption', definition of"><a
-name="value-def-caption"><strong>'caption'</strong></a></span>
-<dd>These values cause an element to behave
-like a <a href="tables.html#table-elements">table element</a>
+<dt><span class="index-def" title="'table', definition of"><a
+name="value-def-table"><strong>'table'</strong></a></span>, <span
+class="index-def" title="&lt;inline-table&gt;, definition of"><a
+name="value-def-inline-table">&lt;inline-table&gt;</a></span>, <span
+class="index-def" title="'table-row-group', definition of"><a
+name="value-def-table-row-group"><strong>'table-row-group'</strong></a></span>,
+<span class="index-def" title="'table-column-group', definition of"><a
+name="value-def-table-column-group"><strong>'table-column-group'</strong></a></span>,
+<span class="index-def" title="'table-header-group', definition of"><a name="value-def-table-header-group">'table-header-group'</a></span>,
+<span class="index-def" title="'table-footer-group', definition of"><a name="value-def-table-footer-group">'table-footer-group'</a></span>,
+<span class="index-def" title="'table-row', definition of"><a
+name="value-def-table-row"><strong>'table-row'</strong></a></span>, <span
+class="index-def" title="'table-cell', definition of"><a
+name="value-def-table-cell"><strong>'table-cell'</strong></a></span>, and <span
+class="index-def" title="'table-caption', definition of"><a
+name="value-def-table-caption"><strong>'table-caption'</strong></a></span>
+<dd>These values cause an element to behave like a table element
 (subject to restrictions described in the chapter on <a
-href="tables.html">tables</a>.
+href="tables.html">tables</a>).
 </dl>
 
 <P>Note that although the <a href="cascade.html#initial-value">initial
@@ -545,22 +556,7 @@ used for the LI padding.
 <span class="propinst-border-style">'border-style'</span> property).
 </ul>
 
-<H2><a name="layout">Box layout</a></H2>
-
-<P>The remainder of the visual rendering model describes how user
-agents lay out boxes. Layout is affected by:</p>
-
-<ul>
-<li><a href="#box-dimensions">Box dimensions</a> and <a
-href="#box-gen">type</a>.
-<li><a href="#positioning-scheme">Position scheme</a>.
-<li>Relationships between elements
-in the <a href="conform.html#doctree">document tree.</a>
-<li>External information (e.g., viewport size, intrinsic
-dimensions of images, etc.).
-</ul>
-
-<h3><a name="positioning-scheme">Positioning schemes</a></h3>
+<h2><a name="positioning-scheme">Positioning schemes</a></h2>
 
 <P>In CSS2, a box may be laid out according to three <span
 class="index-def" title="positioning scheme"><dfn>positioning
@@ -591,8 +587,8 @@ their absolutely positioned sister did not exist at all. Later
 siblings of floating boxes flow with respect to the final
 position of the floating box.
 
-<h4><a name="choose-position">Choosing a positioning scheme:</a> <span
-class="propinst-position">'position'</span> property</h4>
+<h3><a name="choose-position">Choosing a positioning scheme:</a> <span
+class="propinst-position">'position'</span> property</h3>
 
 <P>The <span class="propinst-position">'position'</span>, and <span
 class="propinst-float">'float'</span> properties determine which CSS2
@@ -650,11 +646,11 @@ class="propinst-position">'position'</span> property to 'relative'.
 </em>
 </div>
 
-<H4><a name="position-props">Box offsets</a>: <span
+<H3><a name="position-props">Box offsets</a>: <span
 class="propinst-top">'top'</span>, <span
 class="propinst-right">'right'</span>, <span
 class="propinst-bottom">'bottom'</span>, <span
-class="propinst-left">'left'</span></H4>
+class="propinst-left">'left'</span></H3>
 
 <P>The position of an <a href="#relative-positioning">relatively</A>
 or <a href="#absolute-positioning">absolutely</A> (including <a
@@ -721,7 +717,7 @@ consult the sections on <a href="visudet.html#box-width">box width
 calculations</a> and <a href="visudet.html#box-height">box height
 calculations</a> respectively.
 
-<H3><a name="normal-flow">Normal flow</a></H3> 
+<H2><a name="normal-flow">Normal flow</a></H2> 
 
 <P>Boxes in the normal flow belong to a <span class="index-def"
 title="formatting context">formatting context</span>, which may be
@@ -733,7 +729,7 @@ href="#block-formatting">block formatting</a> context.
 <P><a href="#inline">Inline</a> boxes participate in an <a
 href="#inline-formatting">inline formatting</a> context.
 
-<h4><a name="anonymous">Anonymous boxes</a></h4>
+<h3><a name="anonymous">Anonymous boxes</a></h3>
 
 <P>Block-level elements whose <a
 href="conform.html#rendered-content">rendered content</a> contains
@@ -750,7 +746,7 @@ construction of anonymous inline boxes depend on many factors
 (language, hyphenation, etc.)  and lie outside the scope of this
 specification.
 
-<h4><a name="block-formatting">Block formatting context</a></h4> 
+<h3><a name="block-formatting">Block formatting context</a></h3> 
 
 <P>In a block formatting context, boxes are laid out one after the
 other, vertically. The vertical distance between two sibling boxes is
@@ -769,7 +765,7 @@ href="#absolute-positioning">absolute</a> positioning).
 the section on <a href="page.html#allowed-page-breaks">allowed
 page breaks</a>.
 
-<H4><a name="inline-formatting">Inline formatting context</a></H4>
+<H3><a name="inline-formatting">Inline formatting context</a></H3>
 
 <P>In an inline formatting context, boxes are laid out horizontally,
 one after the other. Horizontal margins, borders, and padding are
@@ -906,8 +902,8 @@ dashed border is rendered on three sides in each case.
 <P>Note that with a small line height, the padding and borders
 around text in different lines may overlap.
 
-<h4><a name="direction">Direction of inline flow</a>: the <span
-class="propinst-direction">'direction'</span> property</h4>
+<h3><a name="direction">Direction of inline flow</a>: the <span
+class="propinst-direction">'direction'</span> property</h3>
 
 <!-- #include src=properties/direction.srb -->
 
@@ -947,7 +943,7 @@ side of the parent box is no preceding box exists) is similarly
 determined by the source element's <span
 class="propinst-margin">'margin'</span> properties.
 
-<H4><a name="relative-positioning">Relative positioning</a></H4>  
+<H3><a name="relative-positioning">Relative positioning</a></H3>  
 
 <P>Once a box has been assigned a position according to the <a
 href="#normal-flow">normal flow</a>, it may be shifted relative to
@@ -988,11 +984,27 @@ information.
 href="#comparison">comparing normal, relative, floating, and
 absolute positioning</a>.
 
-<H3><a name="floats">Floats</a>: the <span
+<H2><a name="floats">Floats</a>: the <span
 class="propinst-float">'float'</span> and <span
-class="propinst-clear">'clear'</span> properties</H3>
+class="propinst-clear">'clear'</span> properties</H2>
 
-<P>A floating box is given a position and height according to the <a
+<P>A floating box has two interesting qualities:
+
+<ol>
+<li>It may be positioned at the right or left edge of
+a containing block (the <span class="propinst-float">'float'</span>
+property).
+<li>It may or may not allow content to flow next to it
+(the <span class="propinst-clear">'clear'</span> property).
+</ol>
+
+<!-- #include src=properties/float.srb -->
+
+<P>This property specifies whether a box should float to the left,
+right, or not at all. It may be set for elements that generate boxes
+that are not positioned absolutely (including fixed boxes).  
+
+A floating box is given a position and height according to the <a
 href="#normal-flow">normal flow</a> (the <a
 href="cascade.html#computed-value">computed value</a> of the <span
 class="propinst-width">'width'</span> is '0' unless assigned
@@ -1008,12 +1020,7 @@ The margins of floating boxes never <a
 href="visudet.html#collapsing-margins">collapse</a> with margins of
 adjacent boxes.
 
-<!-- #include src=properties/float.srb -->
-
-<P>This property specifies whether a box should float to the left,
-right, or not at all. It may be set for elements that generate boxes
-that are not positioned absolutely (including fixed boxes).  The
-values have the following meanings:</p>
+<P>The values of this property have the following meanings:</p>
 
 <dl>
 <dt><strong>left</strong>
@@ -1076,7 +1083,7 @@ The following HTML source:
 IMG element and that the vertical margins do not collapse.
 </div>
 
-<H4>Controlling boxes adjacent to floating boxes</H4> 
+<H3>Controlling flow next to floats</H3> 
 
 <!-- #include src=properties/clear.srb -->
 
@@ -1131,7 +1138,7 @@ href="visudet.html#floating-constraints">floating constraints</a> for
 additional constraints.
 
 
-<H3><a name="absolute-positioning">Absolute positioning</a></H3>
+<H2><a name="absolute-positioning">Absolute positioning</a></H2>
 
 <!--
 <p>Absolutely positioned boxes act like block-level boxes, but
@@ -1151,7 +1158,7 @@ around any other boxes. They may or may not obscure the contents of
 another box, depending on the <a href="#z-order">z-order</a> of the
 overlapping boxes.
 
-<H4><a name="fixed-positioning">Fixed positioning</a></H4>
+<H3><a name="fixed-positioning">Fixed positioning</a></H3>
 
 <P>Fixed positioning is a variant of absolute positioning. The only
 difference is that for a fixed positioned box, the containing block is
@@ -1230,7 +1237,7 @@ style rules:</P>
 </PRE>
 </DIV>
 
-<h3>Relationships between 'display', 'position', and 'float'</h3>
+<h2>Relationships between 'display', 'position', and 'float'</h2>
 
 <P>When specified for the same elements, the three properties that
 affect box generation and layout -- <span
@@ -1277,7 +1284,7 @@ implementations of CSS2.
 </em>
 </div>
 
-<H3><a name="comparison">Comparison of normal, relative, floating, absolute positioning</a></H3>
+<H2><a name="comparison">Comparison of normal, relative, floating, absolute positioning</a></H2>
 <P>To illustrate the relationship between normal flow, relative
 positioning, floats, and absolute positioning, we provide a series of
 examples based on the following HTML fragment:
@@ -1305,7 +1312,7 @@ href="#normal-flow">normal flow</a> position of the double-spaced (for
 clarity) lines.</p>
 
 <P>&nbsp;</P>
-<H4>Normal flow</H4>
+<H3>Normal flow</H3>
 
 <p>Consider the following CSS declarations for <em>outer</em> and
 <em>inner</em> that don't alter the <a href="#normal-flow">normal
@@ -1321,7 +1328,7 @@ flow</a> of boxes:</p>
 <P><img src="./images/flow-generic.gif"
      alt="Image illustrating the normal flow of text between parent and sibling boxes."></p>
 
-<H4>Relative positioning</H4>
+<H3>Relative positioning</H3>
 
 <P>To see the effect of <a href="#relative-positioning">relative
 positioning</a>, consider the following CSS rules:
@@ -1351,7 +1358,7 @@ relative positioning of <em>outer</em>.</P>
 <P>Note also that if the relative positioning of <em>outer</em> were -24px, the
 text of <em>outer</em> and the body text would have overlapped.
 
-<H4>Floating a box</H4>
+<H3>Floating a box</H3>
 
 <P>Now consider the effect of <a href="#floats">floating</a> the
 <em>inner</em> element's text to the right by means of the following
@@ -1419,7 +1426,7 @@ moved below the float:
 <P><img src="./images/flow-clear2.gif" 
 alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element."></p>
 
-<H4>Absolute positioning</H4>
+<H3>Absolute positioning</H3>
 
 <p>Finally, we consider the effect of <a
 href="#absolute-positioning">absolute positioning</a>.
