@@ -225,18 +225,16 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
225225 </ ul >
226226
227227 < li > < a href ="#specified "> < span class =secno > 4. </ span > Specified, computed,
228- used, and actual values</ a >
228+ and actual values</ a >
229229 < ul class =toc >
230- < li > < a href ="#cascaded "> < span class =secno > 4.1 </ span > Cascaded values</ a >
231-
232-
233- < li > < a href ="#resulting "> < span class =secno > 4.2 </ span > Specified
234- values</ a >
230+ < li > < a href ="#finding "> < span class =secno > 4.1 </ span > Finding the
231+ specified value</ a >
235232
236- < li > < a href ="#computed "> < span class =secno > 4.3 </ span > Computed values </ a >
237-
233+ < li > < a href ="#finding0 "> < span class =secno > 4.2 </ span > Finding the
234+ computed value </ a >
238235
239- < li > < a href ="#actual "> < span class =secno > 4.4 </ span > Actual values</ a >
236+ < li > < a href ="#finding1 "> < span class =secno > 4.3 </ span > Finding the actual
237+ value</ a >
240238 </ ul >
241239
242240 < li class =no-num > < a href ="#acknowledgments "> Acknowledgments</ a >
@@ -760,10 +758,9 @@ <h4 id=percentages><span class=secno>3.3.6 </span>Percentages</h4>
760758 < div class =example >
761759 < p style =display:none > Example(s):</ p >
762760
763- < p > Since child elements (generally) inherit the < em > < a
764- href ="#computed0 "> computed values</ a > </ em > of their parent, in the
765- following example, the children of the P element will inherit a value of
766- 12pt for < span class =property > ‘< code
761+ < p > Since child elements (generally) inherit the < em > computed values</ em >
762+ of their parent, in the following example, the children of the P element
763+ will inherit a value of 12pt for < span class =property > ‘< code
767764 class =property > line-height</ code > ’</ span > , not the percentage value
768765 (120%):</ p >
769766
@@ -1333,47 +1330,45 @@ <h4 id=colors><span class=secno>3.6.2 </span>Colors</h4>
13331330
13341331 < p > The CSS3 Color module defines the syntax of the hexadecimal notation.
13351332
1336- < h2 id =specified > < span class =secno > 4. </ span > Specified, computed, used, and
1333+ < h2 id =specified > < span class =secno > 4. </ span > Specified, computed, and
13371334 actual values</ h2 >
13381335
13391336 < p > The final value of a CSS3 property for a given element is the result of
1340- a four-step calculation: cascading and inheritance [!CSS3CASCADE] yields a
1341- value (the < em > specified value</ em > ), then relative values are computed
1342- into absolute values as far as possible without formatting the document
1343- (yielding the < em > computed value</ em > ), then the and finally transformed
1344- according to the limitations of the local environment (yielding the
1345- < em > actual value</ em > ).
1346-
1347- < h3 id =cascaded > < span class =secno > 4.1 </ span > < dfn id =cascaded0 > Cascaded
1348- values</ dfn > </ h3 >
1349-
1350- < p > If there are several competing declarations for a given element/property
1351- combination, the cascading process will select a < cite > winning
1352- declaration</ cite > which contains the cascaded value. See the Cascading
1353- and Inheritance module [!CSS3CASCADE] for more information.
1354-
1355- < p > Often, the cascaded value will be equal to the specified, computed and
1356- actual values. This is the case in example (a) in the table below.
1357-
1358- < p > If a cascaded value is set on a shorthand property, it is considered to
1359- be set on all individual properties. See example (b) in the table below.
1360-
1361- < p > When there is no winning declaration, there is no cascaded value. See
1362- example (c) in the table below.
1337+ a three-step calculation. First, cascading and inheritance yields the
1338+ < em > < a href ="#specified0 "> specified value</ a > </ em > < a href ="#CSS3CASCADE "
1339+ rel =biblioentry > [CSS3CASCADE]<!--{{!CSS3CASCADE}}--> </ a > . Second, relative
1340+ values are computed into absolute values as far as possible without
1341+ formatting the document, therby yielding the < em > < a
1342+ href ="#computed "> computed value</ a > </ em > . Finally, the computed value is
1343+ transformed to the < em > < a href ="#actual "> actual value</ a > </ em > in the
1344+ layout process.</ p >
1345+ <!--
1346+ <h3><dfn>Cascaded values</dfn></h3>
1347+
1348+ <p>If there are several competing declarations for a given
1349+ element/property combination, the cascading process will select a
1350+ <cite>winning declaration</cite> which contains the cascaded value. See the
1351+ Cascading and Inheritance module [!CSS3CASCADE] for more information.
1352+
1353+ <P>Often, the cascaded value will be equal to the specified, computed
1354+ and actual values. This is the case in example (a) in the table below.
1355+
1356+ <p>If a cascaded value is set on a shorthand property, it is considered to
1357+ be set on all individual properties. See example (b) in the table below.</p>
1358+
1359+ <p>When there is no winning declaration, there is no cascaded value. See
1360+ example (c) in the table below.</p>
1361+ -->
13631362
1364- < h3 id =resulting > < span class =secno > 4.2 </ span > < dfn id = specified0 > Specified
1365- values </ dfn > </ h3 >
1363+ < h3 id =finding > < span class =secno > 4.1 </ span > Finding the < dfn
1364+ id = specified0 > specified value </ dfn > </ h3 >
13661365
1367- < p > In the chain of computations from the cascaded value to the actual
1368- value, the < em > specified value</ em > is the first value which is guaranteed
1369- to exist after inheritance has been performed. Furthermore, if the
1370- cascaded value is ‘< code class =property > inherit</ code > ’ or
1371- ‘< code class =property > initial</ code > ’, the specified value
1372- contains the inherited and initial value, respectively. See example (d)
1373- and (e) in the table below.
1366+ < p > The < em > < a href ="#specified0 "> specified value</ a > </ em > is the output of
1367+ the cascading and inheritance process < a href ="#CSS3CASCADE "
1368+ rel =biblioentry > [CSS3CASCADE]<!--{{!CSS3CASCADE}}--> </ a > .
13741369
1375- < h3 id =computed > < span class =secno > 4.3 </ span > < dfn id = computed0 > Computed
1376- values </ dfn > </ h3 >
1370+ < h3 id =finding0 > < span class =secno > 4.2 </ span > Finding the < dfn
1371+ id = computed > computed value </ dfn > </ h3 >
13771372
13781373 < p > Specified values may be absolute (i.e., they are not specified relative
13791374 to another value, as in ‘< code class =property > red</ code > ’ or
@@ -1409,8 +1404,8 @@ <h3><dfn>Used values</dfn></h3>
14091404-->
14101405
14111406
1412- < h3 id =actual > < span class =secno > 4.4 </ span > < dfn id = actual0 > Actual
1413- values </ dfn > </ h3 >
1407+ < h3 id =finding1 > < span class =secno > 4.3 </ span > Finding the < dfn
1408+ id = actual > actual value </ dfn > </ h3 >
14141409
14151410 < p > Computed values are processed as far as possible without formatting the
14161411 document. Some values, however, can only be determined when the document
@@ -1445,14 +1440,17 @@ <h3 id=actual><span class=secno>4.4 </span><dfn id=actual0>Actual
14451440 < th > Specified value
14461441
14471442 < th > Computed value</ th >
1448- <!-- <th>Used value</th>--
1449- <th>Actual value</th>
1450- </tr>
1451- <tr>
1452- <td>a</td>
1453- <td><tt class="declaration">text-align: left</tt></td>
1454- <td>text-align</td>
1455- <!-- <td>left</td>-->
1443+ <!-- <th>Used value</th>-->
1444+
1445+ < th > Actual value
1446+
1447+ < tr >
1448+ < td > a
1449+
1450+ < td > < tt class =declaration > text-align: left</ tt >
1451+
1452+ < td > text-align</ td >
1453+ <!-- <td>left</td>-->
14561454
14571455 < td > left
14581456
@@ -1746,19 +1744,16 @@ <h2 class=no-num id=index>Index</h2>
17461744 < li > Absolute length, < a href ="#absolute0 " title ="Absolute
17471745 length "> < strong > #</ strong > </ a >
17481746
1749- < li > Actual values , < a href ="#actual0 " title ="Actual
1750- values "> < strong > #</ strong > </ a >
1747+ < li > actual value , < a href ="#actual " title ="actual
1748+ value "> < strong > #</ strong > </ a >
17511749
17521750 < li > calc(<expression>), < a href ="#calcltexpressiongt "
17531751 title ="calc(<expression>) "> < strong > #</ strong > </ a >
17541752
1755- < li > Cascaded values, < a href ="#cascaded0 " title ="Cascaded
1756- values "> < strong > #</ strong > </ a >
1757-
17581753 < li > color, < a href ="#color " title =color > < strong > #</ strong > </ a >
17591754
1760- < li > Computed values , < a href ="#computed0 " title ="Computed
1761- values "> < strong > #</ strong > </ a >
1755+ < li > computed value , < a href ="#computed " title ="computed
1756+ value "> < strong > #</ strong > </ a >
17621757
17631758 < li > ‘< code class =css > counter(<identifier>)</ code > ’, < a
17641759 href ="#counterltidentifiergt "
@@ -1871,8 +1866,8 @@ <h2 class=no-num id=index>Index</h2>
18711866
18721867 < li > root em, < a href ="#re " title ="root em "> < strong > #</ strong > </ a >
18731868
1874- < li > Specified values , < a href ="#specified0 " title ="Specified
1875- values "> < strong > #</ strong > </ a >
1869+ < li > specified value , < a href ="#specified0 " title ="specified
1870+ value "> < strong > #</ strong > </ a >
18761871
18771872 < li > s (seconds), < a href ="#s " title ="s (seconds) "> < strong > #</ strong > </ a >
18781873
0 commit comments