*** empty log message ***

Author: howcom

css3-values/Overview.html

@@ -45,7 +45,7 @@ <h2 class="no-num no-toc" id=w3c-working>W3C Working Draft 2 January 2009</h2>
 
     <dt>Editors:
 
-    <dd>Håkon Wium Lie, Opera Software &lt;howcome@opera.com&gt;
+    <dd>H&aring;kon Wium Lie, Opera Software &lt;howcome@opera.com&gt;
 
     <dd>Chris Lilley, W3C &lt;chris@w3.org&gt;
    </dl>
@@ -241,13 +241,15 @@ <h2 id=dependencies><span class=secno>1. </span>Dependencies on other
 
    <li><cite>Syntax</cite> <a href="#CSS3SYN"
     rel=biblioentry>[CSS3SYN]<!--{{!CSS3SYN}}--></a>, which describes the
-    syntax of values at the lexical level.
+    syntax of values at the lexical level.</li>
+   <!--
+  <li><cite>Text</cite> <a href="#CSS3TEXT" rel="biblioentry">[CSS3TEXT]<!--{{!CSS3TEXT}}-->
+  </ul>
 
-   <li><cite>Text</cite> <a href="#CSS3TEXT"
-    rel=biblioentry>[CSS3TEXT]<!--{{!CSS3TEXT}}--></a>, which describes how
-    to establish grids referred to by the &lsquo;<code
-    class=property>gd</code>&rsquo; unit.
+  <p>, which describes how to establish grids referred to by the 'gd' unit.
+   -->
 
+  <ul>
    <li><cite>Color</cite> <a href="#CSS3COLOR"
     rel=biblioentry>[CSS3COLOR]<!--{{!CSS3COLOR}}--></a>, which defines
     additional values used for some properties that control color of text,
@@ -306,7 +308,7 @@ <h3 id=keywords><span class=secno>3.1 </span>Keywords</h3>
     class=property>border-collapse</code>&rsquo; property:</p>
 
    <pre>
-Value: collapse | separate
+Value:&nbsp;collapse | separate
 </pre>
 
    <p>And here is an example of its use:</p>
@@ -374,7 +376,7 @@ <h4 id=lengths><span class=secno>3.4.1 </span>Lengths</h4>
    id=ltlengthgt>&lt;length&gt;</dfn>) is a &lt;number&gt; immediately
    followed by a unit identifier (e.g., &lsquo;<code
    class=property>px</code>&rsquo;, &lsquo;<code
-   class=property>gd</code>&rsquo;). After the &lsquo;<code
+   class=property>pt</code>&rsquo;). After the &lsquo;<code
    class=css>0</code>&rsquo; length, the unit identifier is optional.
 
   <p>Some properties <em>allow</em> negative length values, but this may
@@ -414,15 +416,9 @@ <h4 id=relative><span class=secno>3.4.2 </span>Relative length units</h4>
     <tr>
      <td><span class=css>px</span>
 
-     <td>viewing device
-
-    <tr>
-     <td><span class=css>gd</span>
-
-     <td>the grid defined by <span class=property>&lsquo;<code
-      class=property>layout-grid</code>&rsquo;</span> described in the CSS3
-      Text module <a href="#CSS3TEXT"
-      rel=biblioentry>[CSS3TEXT]<!--{{!CSS3TEXT}}--></a>
+     <td>viewing device <!--
+<tr><td><span class="css">gd</span><td>the grid defined by <span class="property">'layout-grid'</span> described in the CSS3 Text module <a href="#CSS3TEXT" rel="biblioentry">[CSS3TEXT]<!--{{!CSS3TEXT}}-->
+      -->
 
     <tr>
      <td><span class=css>rem</span>
@@ -516,15 +512,17 @@ <h4 id=relative><span class=secno>3.4.2 </span>Relative length units</h4>
    therefore about 0.0213 degrees.
 
   <p>For reading at arm's length, 1px thus corresponds to about 0.26mm
-   (1/96 inch). When printed on a laser printer, meant for reading at a
-   little less than arm's length (55 cm, 21 inches), 1px is about 0.21mm. On
-   a 300 dots-per-inch (dpi) printer, that may be rounded up to 3 dots
-   (0.25 mm); on a 600 dpi printer, it can be rounded to 5 dots.
+   (1/96&nbsp;inch). When printed on a laser printer, meant for reading at a
+   little less than arm's length (55&nbsp;cm, 21&nbsp;inches), 1px is about
+   0.21mm. On a 300 dots-per-inch (dpi) printer, that may be rounded up to 3
+   dots (0.25&nbsp;mm); on a 600&nbsp;dpi printer, it can be rounded to 5
+   dots.
 
   <p>The two images below illustrate the effect of viewing distance on the
    size of a pixel and the effect of a device's resolution. In the first
-   image, a reading distance of 71cm (28 inch) results in a px of 0.26mm,
-   while a reading distance of 3.5m (12 feet) requires a px of 1.3mm.
+   image, a reading distance of 71cm (28&nbsp;inch) results in a px of
+   0.26mm, while a reading distance of 3.5m (12&nbsp;feet) requires a px of
+   1.3mm.
 
   <div class=figure>
    <p><img alt="Showing that pixels must become larger if the viewing
@@ -533,40 +531,36 @@ <h4 id=relative><span class=secno>3.4.2 </span>Relative length units</h4>
 
   <p>In the second image, an area of 1px by 1px is covered by a single dot in
    a low-resolution device (a computer screen), while the same area is
-   covered by 16 dots in a higher resolution device (such as a 400 dpi laser
-   printer).
+   covered by 16 dots in a higher resolution device (such as a 400&nbsp;dpi
+   laser printer).
 
   <div class=figure>
    <p><img alt="Showing that more device pixels (dots) are needed to cover a
     1px by 1px area on a high-resolution device than on a low-res one"
     src=pixel2></p>
   </div>
-
-  <p>Grid units, <dfn id=gd title="grid units|gd (grid)::definition
-   of">&lsquo;<code class=property>gd</code>&rsquo;</dfn>, are frequently
-   used in East Asian typography, especially for margins. The existence of a
-   grid in an element makes it possible to express various measurements in
-   terms of grid units.
-
-  <div class=example>
-   <p style=display:none>Example(s):
-
-   <pre>
+  <!--
+<p>Grid units, <dfn title="grid units|gd (grid)::definition
+of">'gd'</dfn>, are frequently used in East Asian typography,
+especially for margins. The existence of a grid in an element makes it
+possible to express various measurements in terms of grid units.
+
+<div class="example">
+<p style="display:none">Example(s):
+
+<pre>
 p { layout-grid: strict both 20pt 15pt; margin: 1gd 3gd 1gd 2gd }
-</pre>
+</pre>
+
+<p>The <span class="property">'layout-grid'</span> property, described
+in the CSS3 Text module <a href="#CSS3TEXT" rel="biblioentry">[CSS3TEXT]<!--{{!CSS3TEXT}}-->
 
-   <p>The <span class=property>&lsquo;<code
-    class=property>layout-grid</code>&rsquo;</span> property, described in
-    the CSS3 Text module <a href="#CSS3TEXT"
-    rel=biblioentry>[CSS3TEXT]<!--{{!CSS3TEXT}}--></a>, establishes the grid.
-    In the example above, <code class=html>p</code> elements acquire a 15pt
-    top margin, a 60pt right margin, a 15pt bottom margin and a 40pt left
-    margin.
-  </div>
+  <p>, establishes the grid. In the example above, <code class=html>p</code>
+   elements acquire a 15pt top margin, a 60pt right margin, a 15pt bottom
+   margin and a 40pt left margin.
 
-  <p>If no grid is specified on the element, the &lsquo;<code
-   class=property>gd</code>&rsquo; unit is treated as the &lsquo;<code
-   class=property>em</code>&rsquo; unit. <!--
+  <p>If no grid is specified on the element, the 'gd' unit is treated as the
+   'em' unit. --><!--
 <p>Relative values are not inherited. Instead, <em><a
 href="#computed1">computed values</a></em> are passed on to child
 elements.
@@ -590,7 +584,6 @@ <h4 id=relative><span class=secno>3.4.2 </span>Relative length units</h4>
 <p>There are some exceptions to this rule. For more information on
 inheritance, see the "Cascading and Inheritance" module.
 -->
-   
 
   <p>The <dfn id=rem title="root em|em (grid)::definition of">&lsquo;<code
    class=property>rem</code>&rsquo;</dfn> unit (&lsquo;<code class=css><a
@@ -1080,10 +1073,10 @@ <h4 id=uris><span class=secno>3.7.2 </span>The &lsquo;<code
 </pre>
   </div>
 
-  <p>Parentheses, commas, whitespace characters, single quotes (&lsquo;<code
-   class=css>) and double quotes (") appearing in a URI must be escaped with
-   a backslash: </code>&rsquo;\(&lsquo;<code class=css>,
-   </code>&rsquo;\)&lsquo;<code class=css>, </code>&rsquo;\,'.
+  <p>Parentheses, commas, whitespace characters, single quotes (') and double
+   quotes ("<!--"-->) appearing in a URI must be escaped with a backslash:
+   &lsquo;<code class=css>\(</code>&rsquo;, &lsquo;<code
+   class=css>\)</code>&rsquo;, &lsquo;<code class=css>\,</code>&rsquo;.
 
   <p>Depending on the type of URI, it might also be possible to write the
    above characters as URI-escapes (where "(" = %28, ")" = %29, etc.) as
@@ -1093,9 +1086,9 @@ <h4 id=uris><span class=secno>3.7.2 </span>The &lsquo;<code
    absolute location of a resource, authors may use relative URIs. Relative
    URIs (as defined in <a href="#RFC1808"
    rel=biblioentry>[RFC1808]<!--{{RFC1808}}--></a>) are resolved to full URIs
-   using a base URI. RFC 1808, section 3, defines the normative algorithm for
-   this process. For CSS style sheets, the base URI is that of the style
-   sheet, not that of the source document.
+   using a base URI. RFC&nbsp;1808, section&nbsp;3, defines the normative
+   algorithm for this process. For CSS style sheets, the base URI is that of
+   the style sheet, not that of the source document.
 
   <div class=example>
    <p style=display:none>Example(s):</p>
@@ -1747,20 +1740,12 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>ex (unit), <a href="#ex" title="ex (unit)"><strong>#</strong></a>
 
-   <li>gd (grid)
-    <ul>
-     <li>definition of, <a href="#gd" title="gd (grid) definition
-      of"><strong>#</strong></a>
-    </ul>
-
    <li>generic font families, <a href="#generic" title="generic font
     families">#</a>
 
    <li>grad (grads), <a href="#grad" title="grad
     (grads)"><strong>#</strong></a>
 
-   <li>grid units, <a href="#gd" title="grid units"><strong>#</strong></a>
-
    <li>Hz (Hertz), <a href="#hz" title="Hz (Hertz)"><strong>#</strong></a>
 
    <li>kHz (kilohertz), <a href="#khz" title="kHz