fixing spelling mistakes

Author: howcom

css3-values/Overview.src.html

@@ -51,77 +51,6 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
 </div>
 
 
-<!--
-
-[css3-values] cycle() values?
-
-From: L. David Baron <dbaron@dbaron.org> 
-Date: Thu, 30 Mar 2006 01:20:00 -0800
-
-I'd like to resurrect an old proposal for addition to css3-values [1]:
-  http://lists.w3.org/Archives/Public/www-style/1999May/0067
-  http://lists.w3.org/Archives/Public/www-style/1999Jun/0026
-This is particularly useful for styling HTML's UL and EM elements.
-
-Proposed text that could be used in the specification is the following:
-
-=====
-
-The cycle() expression allows descendant elements to cycle over a list
-of values instead of inheriting the same value.  The syntax of the
-cycle() expression is:
-
-  cycle( <value> [, <value> ]*)
-
-where <value> is a CSS value that is valid where the expression is
-placed.  If any of the values inside are not valid, then the entire
-cycle() expression is invalid.
-
-The value returned by cycle() must be determined by comparing the
-inherited value I (the computed value on the parent, or, for the root,
-the initial value) to the computed values C[n] returned by the n-th
-argument to cycle().  For the earliest C[n] such that C[n] == I, the
-value returned by cycle is C[n+1].  However, if this C[n] is the last
-value, or if there are no C[n] that equal I, the computed value of the
-first value is returned instead.
-
-Example 1:
-
-  /* make em elements italic, but make them normal if they're inside
-     something that's italic */
-  em { font-style: cycle(italic, normal); }
-
-Example 2:
-
-  /* cycle between markers for nested lists, so that the top level has
-     disk markers, but nested lists use circle, square, box, and then
-     (for the 5th list deep) repeat */
-  ul { list-style-type: disk; }
-  li > ul { list-style-type: cycle(disk, circle, square, box); }
-
-=====
-
-It could also be used in other interesting ways - probably some bizarre
-ones that I haven't even thought of yet.  Although I admit I have
-already thought of:
-  list-style-type: cycle(cycle(disc,disc,circle,circle), cycle(disc,circle),
-                         cycle(square,square,box,box), cycle(square,box));
-Understanding this is left as an exercise to the reader.
-
-
-=======================================================
-http://lists.w3.org/Archives/Public/www-style/2009Mar/0065.html
-
-
-
-   - RESOLVED: URLs inside functional notation where URL is expected should be able
-               to take either url() or bare strings (like @import), preference for
-               examples is bare strings.
-
-
--->
-
-
 <h2 class="no-num no-toc" id="abstract">Abstract</h2>
 
 <p>This CSS3 module describes the various values and units that CSS
@@ -173,7 +102,7 @@ <h2>Introduction</h2>
 <p>By setting property values on elements in a document, style sheets
 express the appearance of the document. In order to express rich
 designs, a wide range of values and associated units are necessary.
-This specifiction describes the various types of values and units that
+This specification describes the various types of values and units that
 can be used in CSS style sheets.
 
 
@@ -239,7 +168,7 @@ <h3>Numbers with unit identifiers</h3>
 
 <h3>Identifiers</h3>
 
-<p>An <dfn>identifer</dfn> is an seqence of characters. Identifiers
+<p>An <dfn>identifier</dfn> is an sequence of characters. Identifiers
 cannot start with a digit, and there are other restrictions
 [[!CSS3SYN]] on what characters an identifier can contain. Identifiers
 must not be quoted.</p>
@@ -258,10 +187,10 @@ <h3>Strings</h3>
 
 <div class=example>
 <pre>
-content: &#34;this is a &#39;string&#39;&#34;;
-content: &#34;this is a \"string\"&#34;;
-content: &#39;this is a &#34;string&#34;&#39;;
-content: &#39;this is a \&#39;string\&#39;&#39;;
+content: "this is a 'string'";
+content: "this is a \"string\"";
+content: 'this is a "string"';
+content: 'this is a \'string\'';
 </pre>
 </div>
 
@@ -271,7 +200,7 @@ <h3>Strings</h3>
 CSS). See the <span class="property">'content'</span> property for an
 example.</p>
 
-<p>It is possible to break strings over several lines, for esthetic or
+<p>It is possible to break strings over several lines, for aesthetic or
 other reasons, but in such a case the newline itself has to be escaped
 with a backslash (\). The newline is subsequently removed from the
 string. For instance, the following two selectors are exactly the
@@ -298,10 +227,8 @@ <h3>Functional notation</h3>
 (',') with optional whitespace before and after the comma.
 
 <div class="example">
-<pre>
 background: url(http://www.example.org/image);
 color: rgb(100, 200, 50 );
-</pre>
 </div>
 
 <p>Some properties accept space- or comma-separated lists of values. A value
@@ -310,47 +237,6 @@ <h3>Functional notation</h3>
 value is a <dfn>simple value</dfn>.
 
 
-<h3>Cycle function</h3>
-
-<p>The cycle() expression allows descendant elements to cycle over a list
-of values instead of inheriting the same value. The syntax of the
-cycle() expression is:
-
-<pre>
-  cycle( &lt;value> [, &lt;value> ]*)
-</pre>
-
-where &lt;value> is a CSS value that is valid where the expression is
-placed.  If any of the values inside are not valid, then the entire
-cycle() expression is invalid.
-
-<p>The value returned by cycle() must be determined by comparing the
-inherited value I (the computed value on the parent, or, for the root,
-the initial value) to the computed values C[n] returned by the n-th
-argument to cycle().  For the earliest C[n] such that C[n] == I, the
-value returned by cycle is C[n+1].  However, if this C[n] is the last
-value, or if there are no C[n] that equal I, the computed value of the
-first value is returned instead.
-
-<div class="example">
-<p>Make em elements italic, but make them normal if they're inside something that's italic:
-<pre>
-  em { font-style: cycle(italic, normal); }
-</pre>
-</div>
-
-<div class="example">
-<p>Cycle between markers for nested lists, so that the top level has disk markers, but nested lists use circle, square, box, and then (for the 5th list deep) repeat:
-
-<pre>
-  ul { list-style-type: disk; }
-  li > ul { list-style-type: cycle(disk, circle, square, box); }
-</pre>
-</div>
-
-<p>Nested cycle() values are not allowed. 
-
-
 <h2>Keywords</h2>
 
 <p>In the value definition fields, keywords appear literally. Keywords are identifiers.</p>
@@ -568,15 +454,15 @@ <h5>The 'vw' unit</h5>
 <p>If the width of the viewport is 200mm, the font size of <code
 class="html">h1</code> elements will be 16mm ((8&times;200)/100). When
 the width of the viewport is changed (for example, when the browser
-window is enlarged), lengths specifed in the 'vh' unit is scaled
-propertionally.
+window is enlarged), lengths specified in the 'vh' unit is scaled
+proportionally.
 
 <h5>The 'vh' unit</h5>
 
 <p>The <dfn title="vh (unit)">vh</dfn> unit is relative to
 the viewport's height. The viewport's width is equal to 100
 'vh' units. When the height of the viewport is changed (for example,
-when the browser window is enlarged), lengths specifed in the 'vh'
+when the browser window is enlarged), lengths specified in the 'vh'
 unit are scaled proportionally.
 
 
@@ -621,7 +507,7 @@ <h4>The 'calc' function</h4>
 five arithmetic operators (+ and - have lowest precedence, *, /, and
 'mod' have highest precedence) and parentheses.
 
-<p>A value is ignored if a division by zero or other mathemathical
+<p>A value is ignored if a division by zero or other mathematical
  errors occur in the calculation.
 
 <div class="example">
@@ -861,7 +747,7 @@ <h3>&lt;attr&gt;</h3>
 to point to a non-existent document with a generic error
 condition. (i.e. it shouldn't be an FTP URI that causes a DNS
 error, or an HTTP URI that results in a 404, it should be a
-non-descript error condition.)
+nondescript error condition.)
 
 <dt>integer
 
@@ -1067,13 +953,6 @@ <h3 id="uris">&lt;url&gt;</h3>
 <p>User agents may vary in how they handle URIs that designate unavailable or
 inapplicable resources.</p>
 
-
-<p>URLs inside functional notation where URL is expected should be
-able to take either url() or bare strings.
-
-
-<!-- (like @import), preference for examples is bare strings. -->
-
 <h3>&lt;image&gt;</h3>
 
 <p>TBD.
@@ -1209,7 +1088,7 @@ <h2>Specified, computed, used, and actual values</h2>
 result of a three-step calculation. First, cascading and inheritance
 yields the <em>specified value</em> [[!CSS3CASCADE]]. Second, relative
 values are computed into absolute values as far as possible without
-formatting the document, therby yielding the <em>computed value</em>.
+formatting the document, thereby yielding the <em>computed value</em>.
 Finally, the computed value is transformed to the <em>actual
 value</em> in the layout process.</p>