Remove the Cascading section, as that was moved to css3-cascade.

Author: tabatkins

css3-values/Overview.html

@@ -272,25 +272,6 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
       &lsquo;<code class=css>attr()</code>&rsquo;</a>
     </ul>
 
-   <li><a href="#value-stages"><span class=secno>9. </span> Stages of Value
-    Computation</a>
-    <ul class=toc>
-     <li><a href="#specified"><span class=secno>9.1. </span> Finding the
-      specified value</a>
-
-     <li><a href="#computed"><span class=secno>9.2. </span> Finding the
-      computed value</a>
-
-     <li><a href="#finding-the-used-value"><span class=secno>9.3.
-      </span>Finding the used value</a>
-
-     <li><a href="#actual"><span class=secno>9.4. </span> Finding the actual
-      value</a>
-
-     <li><a href="#stages-examples"><span class=secno>9.5. </span>
-      Examples</a>
-    </ul>
-
    <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
 
    <li class=no-num><a href="#references">References</a>
@@ -1754,319 +1735,6 @@ <h4>Font families</h4>
 </div>
 -->
 
-  <h2 id=value-stages><span class=secno>9. </span> Stages of Value
-   Computation</h2>
-
-  <p class=issue>Shouldn't this section move to <a href="#CSS3CASCADE"
-   rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>?
-
-  <p>Once a user agent has parsed a document and constructed a document tree,
-   it must assign, for every element in the tree, a value to every property
-   that applies to the target media type.
-
-  <p>The final value of a CSS3 property for a given element is the result of
-   a four-step calculation:
-
-  <ul>
-   <li>First, cascading and inheritance yields the <a
-    href="#specified-value0"><i>specified value</i></a>.
-
-   <li>Second, relative values are computed into absolute values as far as
-    possible without formatting the document, thereby yielding the <a
-    href="#computed-value"><i>computed value</i></a>.
-
-   <li>The computed value is transformed into the <a
-    href="#used-value0"><i>used value</i></a> in the formatting process.
-
-   <li>Finally, the computed value is transformed to the <a
-    href="#actual-value"><i>actual value</i></a> based on constraints of
-    local environment.
-  </ul>
-
-  <h3 id=specified><span class=secno>9.1. </span> Finding the <dfn
-   id=specified-value>specified value</dfn></h3>
-
-  <p>The <dfn id=specified-value0>specified value</dfn> is the output of the
-   <a href="http://www.w3.org/TR/CSS21/cascade.html">cascading and
-   inheritance process</a>. <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> <a href="#CSS3CASCADE"
-   rel=biblioentry>[CSS3CASCADE]<!--{{CSS3CASCADE}}--></a>
-
-  <p class=note>If the output of the cascade is &lsquo;<code
-   class=css>inherit</code>&rsquo; or &lsquo;<code
-   class=css>initial</code>&rsquo;, the specified value contains the
-   inherited or initial value, respectively. See examples (d) and (e) in the
-   <a href="#stages-examples">table below</a>.
-
-  <p>The cascading and inheritance process guarantees that a <a
-   href="#specified-value0"><i>specified value</i></a> exists for every
-   property on every element.
-
-  <h3 id=computed><span class=secno>9.2. </span> Finding the computed value</h3>
-
-  <p>A <a href="#specified-value0"><i>specified value</i></a> can be either
-   absolute (i.e., not relative to another value, as in &lsquo;<code
-   class=property>red</code>&rsquo; or &lsquo;<code
-   class=css>2mm</code>&rsquo;) or relative (i.e., relative to another value,
-   as in &lsquo;<code class=property>auto</code>&rsquo;, &lsquo;<code
-   class=css>2em</code>&rsquo;).
-
-  <p>For absolute values, no extra processing is needed to find the computed
-   value. For relative values, on the other hand, computation is necessary to
-   find the computed value: percentages must be multiplied by a reference
-   value (each property defines which value that is), values with relative
-   units (em, ex, vh, vw) must be made absolute by multiplying with the
-   appropriate reference size, certain keywords (e.g., &lsquo;<code
-   class=property>smaller</code>&rsquo;, &lsquo;<code
-   class=property>bolder</code>&rsquo;) must be replaced according to their
-   definitions, and valid relative URLs must be resolved to become absolute.
-   See examples (f), (g) and (h) in the <a href="#stages-examples">table
-   below</a>.
-
-  <p>The <dfn id=computed-value>computed value</dfn> is the result of
-   resolving the <a href="#specified-value0"><i>specified value</i></a>
-   insofar as possible without formatting the document, as defined in the
-   "Computed value" line of the property definition tables.
-
-  <p class=note>The <a href="#computed-value"><i>computed value</i></a> is
-   the value that is transferred from parent to child during inheritance.
-
-  <p>The computed value exists even when the property does not apply (as
-   defined by the &lsquo;<code class=css>Applies To</code>&rsquo; line).
-   However, some properties may define the computed value of a property for
-   an element to depend on whether the property applies to that element.
-
-  <h3 id=finding-the-used-value><span class=secno>9.3. </span>Finding the
-   <dfn id=used-value>used value</dfn></h3>
-
-  <p><i>Computed values</i> are processed as far as possible without
-   formatting the document. Some values, however, can only be determined when
-   the document is being laid out. For example, if the width of an element is
-   set to be a certain percentage of its containing block, the width cannot
-   be determined until the width of the containing block has been determined.
-   The <dfn id=used-value0>used value</dfn> is the result of taking the <a
-   href="#computed-value"><i>computed value</i></a> and resolving any
-   remaining dependencies into an absolute value.
-
-  <h3 id=actual><span class=secno>9.4. </span> Finding the actual value</h3>
-
-  <p>A <a href="#used-value0"><i>used value</i></a> is in principle ready to
-   be used, but a user agent may not be able to make use of the value in a
-   given environment. For example, a user agent may only be able to render
-   borders with integer pixel widths and may therefore have to approximate
-   the computed width. Also, the font size of an element may need adjustment
-   based on the availability of fonts or the value of the &lsquo;<code
-   class=property>font-size-adjust</code>&rsquo; property. The <dfn
-   id=actual-value>actual value</dfn> is the used value after any such
-   approximations have been made.
-
-  <p class=note> By probing the actual values of elements, much can be
-   learned about how the document is laid out. However, not all information
-   is recorded in the actual values. For example, the actual value of the
-   &lsquo;<code class=property>page-break-after</code>&rsquo; property does
-   not reflect whether there is a page break or not after the element.
-   Similarly, the actual value of &lsquo;<code
-   class=property>orphans</code>&rsquo; does not reflect how many orphan
-   lines there is in a certain element. See examples (j) and (k) in the <a
-   href="#stages-examples">table below</a>.
-
-  <h3 id=stages-examples><span class=secno>9.5. </span> Examples</h3>
-
-  <table class=data>
-   <thead>
-    <tr>
-     <th>
-
-     <th>Property
-
-     <th>Winning declaration <!--  <th>Cascaded value  -->
-
-     <th>Specified value
-
-     <th>Computed value
-
-     <th>Used value
-
-     <th>Actual value
-
-   <tbody>
-    <tr>
-     <td>(a)
-
-     <th>&lsquo;<code class=property>text-align</code>&rsquo;
-
-     <td><code class=declaration>text-align: left</code>
-      <!--  <td>''left''-->
-
-     <td>&lsquo;<code class=css>left</code>&rsquo;
-
-     <td>&lsquo;<code class=css>left</code>&rsquo;
-
-     <td>&lsquo;<code class=css>left</code>&rsquo;
-
-     <td>&lsquo;<code class=css>left</code>&rsquo;
-
-    <tr>
-     <td>(b)
-
-     <th>&lsquo;<code class=property>border-top-width</code>&rsquo;,
-      &lsquo;<code class=property>border-right-width</code>&rsquo;,
-      &lsquo;<code class=property>border-bottom-width</code>&rsquo;,
-      &lsquo;<code class=property>border-left-width</code>&rsquo;
-
-     <td><code class=declaration>border-width: inherit</code>
-      <!--  <td>''inherit'' -->
-
-     <td class=say>&lsquo;<code class=css>4.2px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>4.2px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>4.2px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>4px</code>&rsquo;
-
-    <tr>
-     <td>(c)
-
-     <th>&lsquo;<code class=property>width</code>&rsquo;
-
-     <td><small>(none)</small> <!--  <td><small>(none)</small>-->
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-      <small>(initial&nbsp;value)</small>
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td>&lsquo;<code class=css>120px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>120px</code>&rsquo;
-
-    <tr>
-     <td>(d)
-
-     <th>&lsquo;<code class=property>list-style-position</code>&rsquo;
-
-     <td><code class=declaration>list-style-position: inherit</code>
-      <!--  <td>''inherit'' -->
-
-     <td class=say>&lsquo;<code class=css>inside</code>&rsquo;
-
-     <td>&lsquo;<code class=css>inside</code>&rsquo;
-
-     <td>&lsquo;<code class=css>inside</code>&rsquo;
-
-     <td>&lsquo;<code class=css>inside</code>&rsquo;
-
-    <tr>
-     <td>(e)
-
-     <th>&lsquo;<code class=property>list-style-position</code>&rsquo;
-
-     <td><code class=declaration>list-style-position: initial</code>
-      <!--  <td>''initial''-->
-
-     <td>&lsquo;<code class=css>outside</code>&rsquo;
-      <small>(initial&nbsp;value)</small>
-
-     <td>&lsquo;<code class=css>outside</code>&rsquo;
-
-     <td>&lsquo;<code class=css>outside</code>&rsquo;
-
-     <td>&lsquo;<code class=css>outside</code>&rsquo;
-
-    <tr>
-     <td>(f)
-
-     <th>&lsquo;<code class=property>font-size</code>&rsquo;
-
-     <td><code class=declaration>font-size: 1.2em</code>
-      <!--  <td>''1.2em''-->
-
-     <td>&lsquo;<code class=css>1.2em</code>&rsquo;
-
-     <td class=say>&lsquo;<code class=css>14.1px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>14.1px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>14px</code>&rsquo;
-
-    <tr>
-     <td>(g)
-
-     <th>&lsquo;<code class=property>width</code>&rsquo;
-
-     <td><code class=declaration>width: 80%</code> <!--  <td>''80%''-->
-
-     <td>&lsquo;<code class=css>80%</code>&rsquo;
-
-     <td>&lsquo;<code class=css>80%</code>&rsquo;
-
-     <td class=say>&lsquo;<code class=css>354.2px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>354px</code>&rsquo;
-
-    <tr>
-     <td>(h)
-
-     <th>&lsquo;<code class=property>width</code>&rsquo;
-
-     <td><code class=declaration>width: auto</code> <!--  <td>''auto''-->
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td class=say>&lsquo;<code class=css>134px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>134px</code>&rsquo;
-
-    <tr>
-     <td>(i)
-
-     <th>&lsquo;<code class=property>height</code>&rsquo;
-
-     <td><code class=declaration>height: auto</code> <!--  <td>''auto''-->
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td class=say>&lsquo;<code class=css>176px</code>&rsquo;
-
-     <td>&lsquo;<code class=css>176px</code>&rsquo;
-
-    <tr>
-     <td>(j)
-
-     <th>&lsquo;<code class=property>page-break-after</code>&rsquo;
-
-     <td><small>(none)</small> <!--  <td><small>(none)</small>-->
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-      <small>(initial&nbsp;value)</small>
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-     <td>&lsquo;<code class=css>auto</code>&rsquo;
-
-    <tr>
-     <td>(k)
-
-     <th>&lsquo;<code class=property>orphans</code>&rsquo;
-
-     <td><code class=declaration>orphans: 3</code> <!--  <td>''3''-->
-
-     <td>&lsquo;<code class=css>3</code>&rsquo;
-
-     <td>&lsquo;<code class=css>3</code>&rsquo;
-
-     <td>&lsquo;<code class=css>3</code>&rsquo;
-
-     <td>&lsquo;<code class=css>3</code>&rsquo;
-  </table>
-
   <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
 
   <p>Comments and suggestions from Giovanni Campagna, Christoph P&auml;per,
@@ -2152,9 +1820,6 @@ <h2 class=no-num id=index>Index</h2>
    <li>absolute length units, <a href="#absolute-length-units"
     title="absolute length units"><strong>5.2.</strong></a>
 
-   <li>actual value, <a href="#actual-value"
-    title="actual value"><strong>9.4.</strong></a>
-
    <li>&lt;angle&gt;, <a href="#angle-value"
     title="&lt;angle&gt;"><strong>6.1.</strong></a>
 
@@ -2168,9 +1833,6 @@ <h2 class=no-num id=index>Index</h2>
    <li><a href="#color-value"><code>&lt;color&gt;</code></a>, <a
     href="#color-value" title="&lt;color&gt;"><strong>7.1.</strong></a>
 
-   <li>computed value, <a href="#computed-value"
-    title="computed value"><strong>9.2.</strong></a>
-
    <li>cycle(), <a href="#cycle-value"
     title="cycle()"><strong>8.2.</strong></a>
 
@@ -2248,11 +1910,6 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>s, <a href="#s" title=s><strong>6.2.</strong></a>
 
-   <li>specified value, <a href="#specified-value"
-    title="specified value"><strong>9.1.</strong></a>, <a
-    href="#specified-value0"
-    title="specified value"><strong>9.1.</strong></a>
-
    <li><a href="#string-value"><code>&lt;string&gt;</code></a>, <a
     href="#string-value" title="&lt;string&gt;"><strong>3.3.</strong></a>
 
@@ -2266,10 +1923,6 @@ <h2 class=no-num id=index>Index</h2>
    <li><a href="#url-value"><code>&lt;url&gt;</code></a>, <a
     href="#url-value" title="&lt;url&gt;"><strong>3.4.</strong></a>
 
-   <li>used value, <a href="#used-value"
-    title="used value"><strong>9.3.</strong></a>, <a href="#used-value0"
-    title="used value"><strong>9.3.</strong></a>
-
    <li>vh, <a href="#vh-unit" title=vh><strong>5.1.2.</strong></a>
 
    <li>vmin, <a href="#vmin-unit" title=vmin><strong>5.1.2.</strong></a>