Skip to content

Commit 1741a98

Browse files
committed
*** empty log message ***
1 parent 528e64c commit 1741a98

1 file changed

Lines changed: 62 additions & 67 deletions

File tree

css3-values/Overview.html

Lines changed: 62 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -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>&lsquo;<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>&lsquo;<code
767764
class=property>line-height</code>&rsquo;</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 &lsquo;<code class=property>inherit</code>&rsquo; or
1371-
&lsquo;<code class=property>initial</code>&rsquo;, 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 &lsquo;<code class=property>red</code>&rsquo; 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(&lt;expression&gt;), <a href="#calcltexpressiongt"
17531751
title="calc(&lt;expression&gt;)"><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>&lsquo;<code class=css>counter(&lt;identifier&gt;)</code>&rsquo;, <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

Comments
 (0)