- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 11 Aug 2011 01:12:49 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-values
In directory hutz:/tmp/cvs-serv17016
Modified Files:
Overview.html Overview.src.html
Log Message:
Generic Datatype Reorganization Part VII: Group functional notations into their own subsection.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-values/Overview.html,v
retrieving revision 1.78
retrieving revision 1.79
diff -u -d -r1.78 -r1.79
--- Overview.html 11 Aug 2011 01:08:22 -0000 1.78
+++ Overview.html 11 Aug 2011 01:12:46 -0000 1.79
@@ -162,67 +162,60 @@
value examples</a>
</ul>
- <li><a href="#syntax-and-terminology"><span class=secno>3. </span>Syntax
- and terminology</a>
- <ul class=toc>
- <li><a href="#functional-notation"><span class=secno>3.1.
- </span>Functional notation</a>
- </ul>
-
- <li><a href="#textual-values"><span class=secno>4. </span> Textual Data
+ <li><a href="#textual-values"><span class=secno>3. </span> Textual Data
Types</a>
<ul class=toc>
- <li><a href="#keywords"><span class=secno>4.1. </span> Pre-defined
+ <li><a href="#keywords"><span class=secno>3.1. </span> Pre-defined
Keywords</a>
<ul class=toc>
- <li><a href="#initial-inherit"><span class=secno>4.1.1. </span> The
+ <li><a href="#initial-inherit"><span class=secno>3.1.1. </span> The
‘<code class=css>initial</code>’ and ‘<code
class=css>inherit</code>’ keywords</a>
</ul>
- <li><a href="#identifiers"><span class=secno>4.2. </span> User-defined
+ <li><a href="#identifiers"><span class=secno>3.2. </span> User-defined
Identifiers: the ‘<code
class=css><identifier></code>’ type</a>
- <li><a href="#strings"><span class=secno>4.3. </span> Quoted Strings:
+ <li><a href="#strings"><span class=secno>3.3. </span> Quoted Strings:
the ‘<code class=css><string></code>’ type</a>
- <li><a href="#urls"><span class=secno>4.4. </span> Resource Locators:
+ <li><a href="#urls"><span class=secno>3.4. </span> Resource Locators:
the ‘<code class=css><url></code>’ type</a>
</ul>
- <li><a href="#numeric-types"><span class=secno>5. </span> Numeric Data
+ <li><a href="#numeric-types"><span class=secno>4. </span> Numeric Data
Types</a>
<ul class=toc>
- <li><a href="#integers"><span class=secno>5.1. </span> Integers: the
+ <li><a href="#integers"><span class=secno>4.1. </span> Integers: the
‘<code class=css><integer></code>’ type</a>
- <li><a href="#numbers"><span class=secno>5.2. </span> Numbers: the
+ <li><a href="#numbers"><span class=secno>4.2. </span> Numbers: the
‘<code class=css><number></code>’ type</a>
- <li><a href="#percentages"><span class=secno>5.3. </span> Percentages:
+ <li><a href="#percentages"><span class=secno>4.3. </span> Percentages:
the ‘<code class=css><percentage></code>’ type</a>
</ul>
- <li><a href="#lengths"><span class=secno>6. </span> Distance Units: the
+ <li><a href="#lengths"><span class=secno>5. </span> Distance Units: the
‘<code class=css><length></code>’ type</a>
<ul class=toc>
- <li><a href="#relative-lengths"><span class=secno>6.1. </span> Relative
+ <li><a href="#relative-lengths"><span class=secno>5.1. </span> Relative
lengths</a>
<ul class=toc>
- <li><a href="#font-relative-lengths"><span class=secno>6.1.1. </span>
+ <li><a href="#font-relative-lengths"><span class=secno>5.1.1. </span>
Font-relative lengths: the ‘<code class=css>em</code>’,
‘<code class=css>ex</code>’, ‘<code
class=css>ch</code>’, ‘<code class=css>rem</code>’
units</a>
- <li><a href="#viewport-relative-lengths"><span class=secno>6.1.2.
+ <li><a href="#viewport-relative-lengths"><span class=secno>5.1.2.
</span> Viewport-relative lengths: the ‘<code
class=css>vw</code>’, ‘<code class=css>vh</code>’,
‘<code class=css>vm</code>’ units</a>
</ul>
- <li><a href="#absolute-lengths"><span class=secno>6.2. </span> Absolute
+ <li><a href="#absolute-lengths"><span class=secno>5.2. </span> Absolute
lengths: the ‘<code class=css>cm</code>’, ‘<code
class=css>mm</code>’, ‘<code class=css>in</code>’,
‘<code class=css>pt</code>’, ‘<code
@@ -230,54 +223,58 @@
units </a>
</ul>
- <li><a href="#other-units"><span class=secno>7. </span> Other Units</a>
+ <li><a href="#other-units"><span class=secno>6. </span> Other Units</a>
<ul class=toc>
- <li><a href="#angles"><span class=secno>7.1. </span> Angles: the
+ <li><a href="#angles"><span class=secno>6.1. </span> Angles: the
‘<code class=css><angle></code>’ type and
‘<code class=css>deg</code>’, ‘<code
class=css>grad</code>’, ‘<code class=css>rad</code>’,
‘<code class=css>turn</code>’ units</a>
- <li><a href="#time"><span class=secno>7.2. </span> Times: the
+ <li><a href="#time"><span class=secno>6.2. </span> Times: the
‘<code class=css><time></code>’ type and ‘<code
class=css>s</code>’, ‘<code class=css>ms</code>’
units</a>
<li><a href="#frequencies-the-ltfrequencygt-type-and-h"><span
- class=secno>7.3. </span>Frequencies: the ‘<code
+ class=secno>6.3. </span>Frequencies: the ‘<code
class=css><frequency></code>’ type and ‘<code
class=css>Hz</code>’, ‘<code class=css>kHz</code>’
units</a>
</ul>
- <li><a href="#defined-elsewhere"><span class=secno>8. </span> Data Types
+ <li><a href="#defined-elsewhere"><span class=secno>7. </span> Data Types
Defined Elsewhere</a>
<ul class=toc>
- <li><a href="#colors"><span class=secno>8.1. </span> Colors: the
+ <li><a href="#colors"><span class=secno>7.1. </span> Colors: the
‘<code class=css><color></code>’ type</a>
- <li><a href="#images"><span class=secno>8.2. </span> Images: the
+ <li><a href="#images"><span class=secno>7.2. </span> Images: the
‘<code class=css><image></code>’ type</a>
</ul>
- <li><a href="#layout-values"><span class=secno>9. </span> Layout-specific
+ <li><a href="#layout-values"><span class=secno>8. </span> Layout-specific
Data Types</a>
<ul class=toc>
- <li><a href="#proportions"><span class=secno>9.1. </span> Proportions:
+ <li><a href="#proportions"><span class=secno>8.1. </span> Proportions:
the ‘<code class=css><fraction></code>’ type and
‘<code class=css>fr</code>’ unit</a>
- <li><a href="#grids"><span class=secno>9.2. </span> Grid Units: the
+ <li><a href="#grids"><span class=secno>8.2. </span> Grid Units: the
‘<code class=css><grid></code>’ type and ‘<code
class=css>gr</code>’ unit</a>
- <ul class=toc>
- <li><a href="#the-calc-min-and-max-functions"><span class=secno>9.2.1.
- </span>The ‘<code class=property>calc</code>’,
- ‘<code class=property>min</code>’ and ‘<code
- class=property>max</code>’ functions</a>
- </ul>
+ </ul>
- <li><a href="#ltattrgt"><span class=secno>9.3. </span><attr></a>
+ <li><a href="#functional-notation"><span class=secno>9. </span> Functional
+ Notations</a>
+ <ul class=toc>
+ <li><a href="#calc"><span class=secno>9.1. </span> Calculations:
+ ‘<code class=css>calc()</code>’, ‘<code
+ class=css>min()</code>’ and ‘<code
+ class=css>max()</code>’ </a>
+
+ <li><a href="#attr"><span class=secno>9.2. </span> Attribute References:
+ ‘<code class=css>attr()</code>’</a>
</ul>
<li><a href="#specified-computed-used-and-actual-value"><span
@@ -540,34 +537,7 @@
</table>
</div>
- <h2 id=syntax-and-terminology><span class=secno>3. </span>Syntax and
- terminology</h2>
-
- <p>The generic data types described in the next sections use some common
- syntactic building blocks and terms that are described in this section.
-
- <h3 id=functional-notation><span class=secno>3.1. </span>Functional
- notation</h3>
-
- <p>Some values use a <dfn id=functional-notation0>functional notation</dfn>
- to type values and to and lump values together. The syntax starts with the
- name of the function followed by a left parenthesis followed by optional
- whitespace followed by the argument(s) to the functions followed by
- optional whitespace followed by a right parenthesis. If a function takes
- more than one argument, the arguments are separated by a comma
- (‘<code class=css>,</code>’) with optional whitespace before
- and after the comma.
-
- <div class=example> background: url(http://www.example.org/image); color:
- rgb(100, 200, 50 );</div>
-
- <p>Some properties accept space- or comma-separated lists of values. A
- value that is composed of several values with spaces or commas between
- them, is called a <dfn id=compound-value>compound value</dfn>. A value
- that is not a compound value is a <dfn id=simple-value>simple value</dfn>.
-
-
- <h2 id=textual-values><span class=secno>4. </span> Textual Data Types</h2>
+ <h2 id=textual-values><span class=secno>3. </span> Textual Data Types</h2>
<p>An <dfn id=identifier>identifier</dfn> is a sequence of characters
conforming to the <code>IDENT</code> token in the <a
@@ -575,7 +545,7 @@
<a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> Identifiers
cannot be quoted; otherwise they would be interpreted as a string.
- <h3 id=keywords><span class=secno>4.1. </span> Pre-defined Keywords</h3>
+ <h3 id=keywords><span class=secno>3.1. </span> Pre-defined Keywords</h3>
<p>In the value definition fields, keywords with a pre-defined meaning
appear literally. Keywords are CSS <i>identifiers</i> and are interpreted
@@ -593,7 +563,7 @@
<pre>table { border-collapse: separate }</pre>
</div>
- <h4 id=initial-inherit><span class=secno>4.1.1. </span> The ‘<code
+ <h4 id=initial-inherit><span class=secno>3.1.1. </span> The ‘<code
class=css>initial</code>’ and ‘<code
class=css>inherit</code>’ keywords</h4>
@@ -633,7 +603,7 @@
by default or not (which isn't obvious for some properties, such as
text-decoration and visibility).
- <h3 id=identifiers><span class=secno>4.2. </span> User-defined Identifiers:
+ <h3 id=identifiers><span class=secno>3.2. </span> User-defined Identifiers:
the ‘<a href="#identifier-value"><code
class=css><identifier></code></a>’ type</h3>
@@ -647,7 +617,7 @@
class=css>EXAMPLE</code>’ are two different, unrelated user-defined
identifiers).
- <h3 id=strings><span class=secno>4.3. </span> Quoted Strings: the ‘<a
+ <h3 id=strings><span class=secno>3.3. </span> Quoted Strings: the ‘<a
href="#string-value"><code class=css><string></code></a>’ type</h3>
<p>Strings are denoted by <dfn
@@ -689,7 +659,7 @@
character in Unicode (U+000A), but represents the generic notion of
"newline" in CSS.)
- <h3 id=urls><span class=secno>4.4. </span> Resource Locators: the ‘<a
+ <h3 id=urls><span class=secno>3.4. </span> Resource Locators: the ‘<a
href="#url-value"><code class=css><url></code></a>’ type</h3>
<p>A <dfn id=url>URL</dfn> is a pointer to a resource and is a <a
@@ -756,9 +726,9 @@
document containing the <code><body<</code>.
</div>
- <h2 id=numeric-types><span class=secno>5. </span> Numeric Data Types</h2>
+ <h2 id=numeric-types><span class=secno>4. </span> Numeric Data Types</h2>
- <h3 id=integers><span class=secno>5.1. </span> Integers: the ‘<a
+ <h3 id=integers><span class=secno>4.1. </span> Integers: the ‘<a
href="#integer-value"><code class=css><integer></code></a>’
type</h3>
@@ -777,7 +747,7 @@
outside the allowed range, the declaration is invalid and must be <a
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
- <h3 id=numbers><span class=secno>5.2. </span> Numbers: the ‘<a
+ <h3 id=numbers><span class=secno>4.2. </span> Numbers: the ‘<a
href="#number-value"><code class=css><number></code></a>’ type</h3>
<p>Number values are denoted by <dfn
@@ -795,7 +765,7 @@
outside the allowed range, the declaration is invalid and must be <a
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
- <h3 id=percentages><span class=secno>5.3. </span> Percentages: the
+ <h3 id=percentages><span class=secno>4.3. </span> Percentages: the
‘<a href="#percentage-value"><code
class=css><percentage></code></a>’ type</h3>
@@ -820,7 +790,7 @@
is outside the allowed range, the declaration is invalid and must be <a
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
- <h2 id=lengths><span class=secno>6. </span> Distance Units: the ‘<a
+ <h2 id=lengths><span class=secno>5. </span> Distance Units: the ‘<a
href="#length-value"><code class=css><length></code></a>’ type</h2>
<p>Lengths refer to distance measurements and are denoted by <dfn
@@ -854,7 +824,7 @@
<p>There are two types of length units: relative and absolute.
- <h3 id=relative-lengths><span class=secno>6.1. </span> Relative lengths</h3>
+ <h3 id=relative-lengths><span class=secno>5.1. </span> Relative lengths</h3>
<p><dfn id=relative-length-units title="relative length">Relative length
units</dfn> specify a length relative to another length. Style sheets that
@@ -912,7 +882,7 @@
<p>Child elements do not inherit the relative values as specified for their
parent; they inherit the <a href="#computed-value">computed values</a>.
- <h4 id=font-relative-lengths><span class=secno>6.1.1. </span> Font-relative
+ <h4 id=font-relative-lengths><span class=secno>5.1.1. </span> Font-relative
lengths: the ‘<a href="#em-unit"><code
class=css>em</code></a>’, ‘<a href="#ex-unit"><code
class=css>ex</code></a>’, ‘<a href="#ch-unit"><code
@@ -987,7 +957,7 @@
refer to the property's <em>initial value</em>.</p>
</dl>
- <h4 id=viewport-relative-lengths><span class=secno>6.1.2. </span>
+ <h4 id=viewport-relative-lengths><span class=secno>5.1.2. </span>
Viewport-relative lengths: the ‘<a href="#vw-unit"><code
class=css>vw</code></a>’, ‘<a href="#vh-unit"><code
class=css>vh</code></a>’, ‘<a href="#vm-unit"><code
@@ -1021,7 +991,7 @@
<p class=issue>Do we need this now that we have the min() function?
</dl>
- <h3 id=absolute-lengths><span class=secno>6.2. </span> Absolute lengths:
+ <h3 id=absolute-lengths><span class=secno>5.2. </span> Absolute lengths:
the ‘<code class=css>cm</code>’, ‘<code
class=css>mm</code>’, ‘<code class=css>in</code>’,
‘<code class=css>pt</code>’, ‘<code
@@ -1148,9 +1118,9 @@
</div>
- <h2 id=other-units><span class=secno>7. </span> Other Units</h2>
+ <h2 id=other-units><span class=secno>6. </span> Other Units</h2>
- <h3 id=angles><span class=secno>7.1. </span> Angles: the ‘<a
+ <h3 id=angles><span class=secno>6.1. </span> Angles: the ‘<a
href="#angle-value"><code class=css><angle></code></a>’ type
and ‘<a href="#deg"><code class=css>deg</code></a>’, ‘<a
href="#grad"><code class=css>grad</code></a>’, ‘<a
@@ -1184,7 +1154,7 @@
class=css>0.25turn</code>’ or approximately ‘<code
class=css>1.570796326794897rad</code>’.
- <h3 id=time><span class=secno>7.2. </span> Times: the ‘<a
+ <h3 id=time><span class=secno>6.2. </span> Times: the ‘<a
href="#time-value"><code class=css><time></code></a>’ type and
‘<a href="#s"><code class=css>s</code></a>’, ‘<a
href="#ms"><code class=css>ms</code></a>’ units</h3>
@@ -1206,7 +1176,7 @@
outside the allowed range, the declaration is invalid and must be <a
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
- <h3 id=frequencies-the-ltfrequencygt-type-and-h><span class=secno>7.3.
+ <h3 id=frequencies-the-ltfrequencygt-type-and-h><span class=secno>6.3.
</span>Frequencies: the ‘<a href="#frequency-value"><code
class=css><frequency></code></a>’ type and ‘<a
href="#hz"><code class=css>Hz</code></a>’, ‘<a
@@ -1227,14 +1197,14 @@
<p>For example, when representing sound pitches, 200Hz (or 200hz) is a
bass sound, and 6kHz (or 6khz) is a treble sound.</p>
- <h2 id=defined-elsewhere><span class=secno>8. </span> Data Types Defined
+ <h2 id=defined-elsewhere><span class=secno>7. </span> Data Types Defined
Elsewhere</h2>
<p>Some data types are defined in their own modules. The two common ones
are <a href="#color-value"><code><color></code></a> and <a
href="#image-value"><code><image></code></a>.
- <h3 id=colors><span class=secno>8.1. </span> Colors: the ‘<a
+ <h3 id=colors><span class=secno>7.1. </span> Colors: the ‘<a
href="#color-value"><code class=css><color></code></a>’ type</h3>
<p>The <dfn id=color-value><code><color></code></dfn> data type is
@@ -1246,7 +1216,7 @@
UAs that support CSS Color Level 3 must interpret <a
href="#color-value"><code><color></code></a> as defined therein.
- <h3 id=images><span class=secno>8.2. </span> Images: the ‘<a
+ <h3 id=images><span class=secno>7.2. </span> Images: the ‘<a
href="#image-value"><code class=css><image></code></a>’ type</h3>
<p>The <dfn id=image-value><code><image></code></dfn> data type is
@@ -1257,10 +1227,10 @@
interpret <a href="#image-value"><code><image></code></a> as
defined therein.
- <h2 id=layout-values><span class=secno>9. </span> Layout-specific Data
+ <h2 id=layout-values><span class=secno>8. </span> Layout-specific Data
Types</h2>
- <h3 id=proportions><span class=secno>9.1. </span> Proportions: the
+ <h3 id=proportions><span class=secno>8.1. </span> Proportions: the
‘<code class=css><fraction></code>’ type and ‘<a
href="#fr-unit"><code class=css>fr</code></a>’ unit</h3>
@@ -1277,7 +1247,7 @@
<!-- -->border-parts: 10px 2fr 10px 2fr 10px;</pre>
</div>
- <h3 id=grids><span class=secno>9.2. </span> Grid Units: the ‘<code
+ <h3 id=grids><span class=secno>8.2. </span> Grid Units: the ‘<code
class=css><grid></code>’ type and ‘<a
href="#gr-unit"><code class=css>gr</code></a>’ unit</h3>
@@ -1304,15 +1274,42 @@
not linear. For example, "2gr" is not necessarily twice as long as
"1gr".
- <h4 id=the-calc-min-and-max-functions><span class=secno>9.2.1. </span>The
- ‘<a href="#calc"><code class=property>calc</code></a>’,
- ‘<a href="#min"><code class=property>min</code></a>’ and
- ‘<a href="#max"><code class=property>max</code></a>’
- functions</h4>
+ <h2 id=functional-notation><span class=secno>9. </span> Functional
+ Notations</h2>
- <p>The <dfn id=calc>calc()</dfn>, <dfn id=min>min()</dfn>, and <dfn
- id=max>max()</dfn> functions can be used wherever length, frequency,
- angle, time, or number values are allowed.
+ <p>Some values use a <dfn id=functional-notation0>functional
+ notation</dfn> to type values and to and lump values together. The
+ syntax starts with the name of the function immediately followed by a
+ left parenthesis followed by optional whitespace followed by the
+ argument(s) to the notation followed by optional whitespace followed by
+ a right parenthesis. If a function takes more than one argument, the
+ arguments are separated by a comma (‘<code
+ class=css>,</code>’) with optional whitespace before and after the
+ comma.
+
+ <pre class=example>
+<!-- -->background: url(http://www.example.org/image);
+<!-- -->color: rgb(100, 200, 50 );
+<!-- -->content: counter(list-item) ". ";
+<!-- -->width: calc(50% - 2em);</pre>
+
+ <pre>
+
+</pre>
+
+ <h3 id=calc><span class=secno>9.1. </span> Calculations: ‘<a
+ href="#calc0"><code class=css>calc()</code></a>’, ‘<a
+ href="#min"><code class=css>min()</code></a>’ and ‘<a
+ href="#max"><code class=css>max()</code></a>’</h3>
+
+ <p>The <dfn id=calc0>calc()</dfn>, <dfn id=min>min()</dfn>, and <dfn
+ id=max>max()</dfn> functions can be used wherever <a
+ href="#length-value"><code><length></code></a>, <a
+ href="#frequency-value"><code><frequency></code></a>, <a
+ href="#angle-value"><code><angle></code></a>, <a
+ href="#time-value"><code><time></code></a>, or <a
+ href="#number-value"><code><number></code></a> values are allowed.
+
<div class=example>
<pre>
@@ -1409,10 +1406,11 @@
calc() expressions for ‘<code class=property>width</code>’
and ‘<code class=property>height</code>’ on table columns,
table column groups, table rows, table row groups, and table cells in
- both auto and fixed layout tables are treated as if ‘<code
+ both auto and fixed layout tables may be treated as if ‘<code
class=property>auto</code>’ had been specified.
- <h3 id=ltattrgt><span class=secno>9.3. </span><attr></h3>
+ <h3 id=attr><span class=secno>9.2. </span> Attribute References:
+ ‘<code class=css>attr()</code>’</h3>
<p class=issue>Describe the feature fully here, not just a delta from CSS
21.
@@ -2069,131 +2067,125 @@
<!--begin-index-->
<ul class=indexlist>
<li>absolute length units, <a href="#absolute-length-units"
- title="absolute length units"><strong>6.2.</strong></a>
+ title="absolute length units"><strong>5.2.</strong></a>
<li>actual value, <a href="#actual-value" title="actual
value"><strong>10.4.</strong></a>
<li><angle>, <a href="#angle-value"
- title="<angle>"><strong>7.1.</strong></a>
+ title="<angle>"><strong>6.1.</strong></a>
- <li>calc(), <a href="#calc" title="calc()"><strong>9.2.1.</strong></a>
+ <li>calc(), <a href="#calc0" title="calc()"><strong>9.1.</strong></a>
- <li>ch, <a href="#ch-unit" title=ch><strong>6.1.1.</strong></a>
+ <li>ch, <a href="#ch-unit" title=ch><strong>5.1.1.</strong></a>
<li><a href="#color-value"><code><color></code></a>, <a
- href="#color-value" title="<color>"><strong>8.1.</strong></a>
-
- <li>compound value, <a href="#compound-value" title="compound
- value"><strong>3.1.</strong></a>
+ href="#color-value" title="<color>"><strong>7.1.</strong></a>
<li>computed value, <a href="#computed-value" title="computed
value"><strong>10.2.</strong></a>
- <li>deg, <a href="#deg" title=deg><strong>7.1.</strong></a>
+ <li>deg, <a href="#deg" title=deg><strong>6.1.</strong></a>
<li>dimension, <a href="#dimension"
- title=dimension><strong>6.</strong></a>
+ title=dimension><strong>5.</strong></a>
- <li>em, <a href="#em-unit" title=em><strong>6.1.1.</strong></a>
+ <li>em, <a href="#em-unit" title=em><strong>5.1.1.</strong></a>
- <li>ex, <a href="#ex-unit" title=ex><strong>6.1.1.</strong></a>
+ <li>ex, <a href="#ex-unit" title=ex><strong>5.1.1.</strong></a>
- <li>fr, <a href="#fr-unit" title=fr><strong>9.1.</strong></a>
+ <li>fr, <a href="#fr-unit" title=fr><strong>8.1.</strong></a>
<li><frequency>, <a href="#frequency-value"
- title="<frequency>"><strong>7.3.</strong></a>
+ title="<frequency>"><strong>6.3.</strong></a>
<li>functional notation, <a href="#functional-notation0"
- title="functional notation"><strong>3.1.</strong></a>
+ title="functional notation"><strong>9.</strong></a>
- <li>gr, <a href="#gr-unit" title=gr><strong>9.2.</strong></a>
+ <li>gr, <a href="#gr-unit" title=gr><strong>8.2.</strong></a>
- <li>grad, <a href="#grad" title=grad><strong>7.1.</strong></a>
+ <li>grad, <a href="#grad" title=grad><strong>6.1.</strong></a>
- <li>Hz, <a href="#hz" title=Hz><strong>7.3.</strong></a>
+ <li>Hz, <a href="#hz" title=Hz><strong>6.3.</strong></a>
<li>identifier, <a href="#identifier"
- title=identifier><strong>4.</strong></a>
+ title=identifier><strong>3.</strong></a>
<li><a href="#identifier-value"><code><identifier></code></a>, <a
href="#identifier-value"
- title="<identifier>"><strong>4.2.</strong></a>
+ title="<identifier>"><strong>3.2.</strong></a>
<li><a href="#image-value"><code><image></code></a>, <a
- href="#image-value" title="<image>"><strong>8.2.</strong></a>
+ href="#image-value" title="<image>"><strong>7.2.</strong></a>
<li>‘<code class=css>inherit</code>’, <a href="#inherit"
- title="''inherit''"><strong>4.1.1.</strong></a>
+ title="''inherit''"><strong>3.1.1.</strong></a>
<li>‘<code class=css>initial</code>’, <a href="#initial"
- title="''initial''"><strong>4.1.1.</strong></a>
+ title="''initial''"><strong>3.1.1.</strong></a>
- <li>integer, <a href="#integer" title=integer><strong>5.1.</strong></a>
+ <li>integer, <a href="#integer" title=integer><strong>4.1.</strong></a>
<li><a href="#integer-value"><code><integer></code></a>, <a
- href="#integer-value" title="<integer>"><strong>5.1.</strong></a>
+ href="#integer-value" title="<integer>"><strong>4.1.</strong></a>
- <li>kHz, <a href="#khz" title=kHz><strong>7.3.</strong></a>
+ <li>kHz, <a href="#khz" title=kHz><strong>6.3.</strong></a>
<li><a href="#length-value"><code><length></code></a>, <a
- href="#length-value" title="<length>"><strong>6.</strong></a>
+ href="#length-value" title="<length>"><strong>5.</strong></a>
- <li>max(), <a href="#max" title="max()"><strong>9.2.1.</strong></a>
+ <li>max(), <a href="#max" title="max()"><strong>9.1.</strong></a>
- <li>min(), <a href="#min" title="min()"><strong>9.2.1.</strong></a>
+ <li>min(), <a href="#min" title="min()"><strong>9.1.</strong></a>
- <li>ms, <a href="#ms" title=ms><strong>7.2.</strong></a>
+ <li>ms, <a href="#ms" title=ms><strong>6.2.</strong></a>
- <li>number, <a href="#number" title=number><strong>5.2.</strong></a>
+ <li>number, <a href="#number" title=number><strong>4.2.</strong></a>
<li><a href="#number-value"><code><number></code></a>, <a
- href="#number-value" title="<number>"><strong>5.2.</strong></a>
+ href="#number-value" title="<number>"><strong>4.2.</strong></a>
<li><a href="#percentage-value"><code><percentage></code></a>, <a
href="#percentage-value"
- title="<percentage>"><strong>5.3.</strong></a>
+ title="<percentage>"><strong>4.3.</strong></a>
- <li>rad, <a href="#rad" title=rad><strong>7.1.</strong></a>
+ <li>rad, <a href="#rad" title=rad><strong>6.1.</strong></a>
<li>reference pixel, <a href="#reference-pixel" title="reference
- pixel"><strong>6.2.</strong></a>
+ pixel"><strong>5.2.</strong></a>
<li>relative length, <a href="#relative-length-units" title="relative
- length"><strong>6.1.</strong></a>
-
- <li>rem, <a href="#rem-unit" title=rem><strong>6.1.1.</strong></a>
+ length"><strong>5.1.</strong></a>
- <li>s, <a href="#s" title=s><strong>7.2.</strong></a>
+ <li>rem, <a href="#rem-unit" title=rem><strong>5.1.1.</strong></a>
- <li>simple value, <a href="#simple-value" title="simple
- value"><strong>3.1.</strong></a>
+ <li>s, <a href="#s" title=s><strong>6.2.</strong></a>
<li>specified value, <a href="#specified-value" title="specified
value"><strong>10.1.</strong></a>
<li><a href="#string-value"><code><string></code></a>, <a
- href="#string-value" title="<string>"><strong>4.3.</strong></a>
+ href="#string-value" title="<string>"><strong>3.3.</strong></a>
<li><time>, <a href="#time-value"
- title="<time>"><strong>7.2.</strong></a>
+ title="<time>"><strong>6.2.</strong></a>
- <li>turn, <a href="#turn" title=turn><strong>7.1.</strong></a>
+ <li>turn, <a href="#turn" title=turn><strong>6.1.</strong></a>
- <li>URL, <a href="#url" title=URL><strong>4.4.</strong></a>
+ <li>URL, <a href="#url" title=URL><strong>3.4.</strong></a>
<li><a href="#url-value"><code><url></code></a>, <a
- href="#url-value" title="<url>"><strong>4.4.</strong></a>
+ href="#url-value" title="<url>"><strong>3.4.</strong></a>
<li>used value, <a href="#used-value" title="used
value"><strong>10.3.</strong></a>
- <li>vh, <a href="#vh-unit" title=vh><strong>6.1.2.</strong></a>
+ <li>vh, <a href="#vh-unit" title=vh><strong>5.1.2.</strong></a>
- <li>vm, <a href="#vm-unit" title=vm><strong>6.1.2.</strong></a>
+ <li>vm, <a href="#vm-unit" title=vm><strong>5.1.2.</strong></a>
- <li>vw, <a href="#vw-unit" title=vw><strong>6.1.2.</strong></a>
+ <li>vw, <a href="#vw-unit" title=vw><strong>5.1.2.</strong></a>
</ul>
<!--end-index-->
</dl>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-values/Overview.src.html,v
retrieving revision 1.81
retrieving revision 1.82
diff -u -d -r1.81 -r1.82
--- Overview.src.html 11 Aug 2011 01:08:22 -0000 1.81
+++ Overview.src.html 11 Aug 2011 01:12:46 -0000 1.82
@@ -263,32 +263,6 @@
</table>
</div>
-<h2>Syntax and terminology</h2>
-
-<p>The generic data types described in the next sections use some
-common syntactic building blocks and terms that are described in this
-section.
-
-<h3>Functional notation</h3>
-
-<p>Some values use a <dfn>functional notation</dfn> to type values and
-to and lump values together. The syntax starts with the name of the
-function followed by a left parenthesis followed by optional
-whitespace followed by the argument(s) to the functions followed by
-optional whitespace followed by a right parenthesis. If a function
-takes more than one argument, the arguments are separated by a comma
-(',') with optional whitespace before and after the comma.
-
-<div class="example">
-background: url(http://www.example.org/image);
-color: rgb(100, 200, 50 );
-</div>
-
-<p>Some properties accept space- or comma-separated lists of values. A value
-that is composed of several values with spaces or commas between them,
-is called a <dfn>compound value</dfn>. A value that is not a compound
-value is a <dfn>simple value</dfn>.
-
<h2 id="textual-values">
Textual Data Types</h2>
@@ -883,9 +857,34 @@
''gr'' unit is not linear. For example, "2gr" is not necessarily
twice as long as "1gr".
-<h4>The 'calc', 'min' and 'max' functions</h4>
+<h2 id="functional-notation">
+Functional Notations</h2>
-<p>The <dfn>calc()</dfn>, <dfn>min()</dfn>, and <dfn>max()</dfn> functions can be used wherever length, frequency, angle, time, or number values are allowed.
+ <p>Some values use a <dfn>functional notation</dfn> to type values and
+ to and lump values together. The syntax starts with the name of the
+ function immediately followed by a left parenthesis followed by optional
+ whitespace followed by the argument(s) to the notation followed by
+ optional whitespace followed by a right parenthesis. If a function
+ takes more than one argument, the arguments are separated by a comma
+ (',') with optional whitespace before and after the comma.
+
+ <pre class="example">
+<!-- -->background: url(http://www.example.org/image);
+<!-- -->color: rgb(100, 200, 50 );
+<!-- -->content: counter(list-item) ". ";
+<!-- -->width: calc(50% - 2em);<pre>
+
+<h3 id="calc">
+Calculations: ''calc()'', ''min()'' and ''max()''</h4>
+
+ <p>The <dfn>calc()</dfn>, <dfn>min()</dfn>, and <dfn>max()</dfn> functions
+ can be used wherever
+ <code><length></code>,
+ <code><frequency></code>,
+ <code><angle></code>,
+ <code><time></code>, or
+ <code><number></code>
+ values are allowed.
<div class="example">
@@ -980,12 +979,13 @@
<p>Given the complexities of 'width' and 'height' on table cells and
table elements, calc() expressions for 'width' and 'height' on table
columns, table column groups, table rows, table row groups, and
- table cells in both auto and fixed layout tables are treated as if
+ table cells in both auto and fixed layout tables may be treated as if
'auto' had been specified.
-<h3><attr></h3>
+<h3 id="attr">
+Attribute References: ''attr()''</h3>
<p class=issue>Describe the feature fully here, not just a delta from CSS 21.
Received on Thursday, 11 August 2011 01:12:56 UTC