fix computed values of several properties, update affiliation.

Author: Tantek Çelik

css3-ui/Overview.html

@@ -55,12 +55,12 @@
    src="http://www.w3.org/Icons/w3c_home" width=72> </a>
    <h1>CSS Basic User Interface Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 September
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 October
     2011</h2>
 
    <dl>
     <dt>This version:</dt>
-    <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20110929">http://www.w3.org/TR/2011/ED-css3-ui-20110929</a></dd> -->
+    <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20111029">http://www.w3.org/TR/2011/ED-css3-ui-20111029</a></dd> -->
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a>
@@ -87,23 +87,25 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 September
 
     <dt>Editor:
 
-    <dd class=vcard><span class=fn lang=tr>Tantek &Ccedil;elik</span> (<a
-     class="company role url" href="http://tantek.com/">invited expert</a>,
-     and before at <a href="http://www.microsoft.com/">Microsoft
-     Corporation</a>) &lt;<a class=email
+    <dd class="vcard h-card"><a class="fn p-fn url u-url"
+     href="http://tantek.com" lang=tr>Tantek &Ccedil;elik</a> (<a
+     class="company org h-org" href="http://www.mozilla.org/">Mozilla
+     Foundation</a>, and before at <a
+     href="http://www.microsoft.com/">Microsoft Corporation</a>) &lt;<a
+     class="email u-email"
      href="mailto:tantek@cs.stanford.edu">tantek@cs.stanford.edu</a>&gt;
    </dl>
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
     rel=license>Copyright</a> &copy; 2011 <a
-    href="http://www.w3.org/"><acronym title="World Wide Web
-    Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
-    href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
-    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
-    title="European Research Consortium for Informatics and
-    Mathematics">ERCIM</acronym></a>, <a
-    href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+    href="http://www.w3.org/"><acronym
+    title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
+    href="http://www.csail.mit.edu/"><acronym
+    title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+    href="http://www.ercim.eu/"><acronym
+    title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -1560,8 +1562,7 @@ <h4 class="no-num no-toc" id=a-few-appearance-values-demonstrated-usi>A
      <tr>
       <td>button
 
-      <td>
-       <button>Search</button>
+      <td><button>Search</button>
 
      <tr>
       <td>push-button
@@ -1869,8 +1870,7 @@ <h3 id=system-fonts><span class=secno>5.3. </span>System fonts</h3>
     <tr>
      <th>Computed&nbsp;value:
 
-     <td> The computed values for system font keywords are simply the
-      keywords themselves.
+     <td> see individual properties.
   </table>
 
   <dl>
@@ -2106,13 +2106,7 @@ <h3 id=icon-property><span class=secno>6.2. </span><span
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>The computed value for &lsquo;<code class=css><span
-      class=value>auto</span></code>&rsquo; is &lsquo;<code class=css><span
-      class=value>auto</span></code>&rsquo;. The computed value for the
-      &lt;uri&gt; value is either the fully qualified URI value for the
-      referenced icon that the UA is able to render, or &lsquo;<code
-      class=css><span class=value>auto</span></code>&rsquo; if the UA did not
-      find any referenced icons that it could render.
+     <td>as specified, except with any relative URLs converted to absolute
   </table>
 
   <dl>
@@ -2154,8 +2148,11 @@ <h4 class="no-num no-toc" id=representing-elements-with-icons>Representing
 
    <pre><code class=css>
 img,object { content:icon }
-  /* note that the CSS3 Generated Content module <a href="#CSS3GENCON" rel=biblioentry>[CSS3GENCON]<!--{{CSS3GENCON}}--></a>
-     expands the <a class=property href="#content">'content'</a> property to apply to all elements. */
+  /* note that the CSS3 Generated Content module <a
+    href="#CSS3GENCON" rel=biblioentry>[CSS3GENCON]<!--{{CSS3GENCON}}--></a>
+     expands the <a
+    class=property
+    href="#content">'content'</a> property to apply to all elements. */
 
 img { icon:url(imgicon.png); }
   /* provide a custom icon for images */
@@ -2301,11 +2298,13 @@ <h5 class="no-num no-toc" id=sample-html-fragment0>sample HTML fragment:</h5>
     HTML:</h5>
 
    <div style="width:38em; border:1em solid black">
-    <div style="box-sizing:border-box; width:50%; border:1em silver ridge;
-     float:left">This div should occupy the left half.</div>
+    <div
+     style="box-sizing:border-box; width:50%; border:1em silver ridge; float:left">This
+     div should occupy the left half.</div>
 
-    <div style="box-sizing:border-box; width:50%; border:1em silver ridge;
-     float:left">This div should occupy the right half.</div>
+    <div
+     style="box-sizing:border-box; width:50%; border:1em silver ridge; float:left">This
+     div should occupy the right half.</div>
     The two divs above should appear side by side, each (including borders)
     50% of the content width of their container. If instead they are stacked
     one on top of the other then your browser does not support <span
@@ -2378,7 +2377,7 @@ <h3 id=outline><span class=secno>8.1. </span><span class=property>&lsquo;<a
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>undefined for shorthand properties
+     <td>see individual properties
   </table>
 
   <h3 id=outline-width><span class=secno>8.2. </span><span
@@ -2427,7 +2426,8 @@ <h3 id=outline-width><span class=secno>8.2. </span><span
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>&lt;length&gt; value in absolute units (px or physical).
+     <td>absolute length; &lsquo;<code class=css>0</code>&rsquo; if the
+      outline style is &lsquo;<code class=property>none</code>&rsquo;.
   </table>
 
   <h3 id=outline-style><span class=secno>8.3. </span><span
@@ -3074,12 +3074,14 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
        text drawing outside of it. </object>
 
       <td>
-       <div style="width:3.2em; border:solid .1em black; margin:1em 0;
-        padding:.2em; font-family:Helvetica,sans-serif;">CSS IS AWESOME</div>
+       <div
+        style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em; font-family:Helvetica,sans-serif;">CSS
+        IS AWESOME</div>
 
      <tr>
       <td>
-       <pre><code>&lt;div style="<a href="#clip"><strong>text-overflow:clip;</strong></a> overflow:hidden"&gt;
+       <pre><code>&lt;div style="<a
+        href="#clip"><strong>text-overflow:clip;</strong></a> overflow:hidden"&gt;
 CSS IS AWESOME
 &lt;/div&gt;
 </code></pre>
@@ -3088,14 +3090,14 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
        box with the text clipped outside the box. </object>
 
       <td>
-       <div style="width:3.2em; border:solid .1em black; margin:1em 0;
-        padding:.2em;
-        font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:clip;">CSS
+       <div
+        style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em; font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:clip;">CSS
         IS AWESOME</div>
 
      <tr>
       <td>
-       <pre><code>&lt;div style="<a href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden"&gt;
+       <pre><code>&lt;div style="<a
+        href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden"&gt;
 CSS IS AWESOME
 &lt;/div&gt;
 </code></pre>
@@ -3104,14 +3106,14 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
        with an ellipsis representing the clipped text. </object>
 
       <td>
-       <div style="width:3.2em; border:solid .1em black; margin:1em 0;
-        padding:.2em;
-        font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">CSS
+       <div
+        style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em;  font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">CSS
         IS AWESOME</div>
 
      <tr>
       <td>
-       <pre><code>&lt;div style="<a href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden"&gt;
+       <pre><code>&lt;div style="<a
+        href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden"&gt;
 NESTED
  &lt;p&gt;PARAGRAPH&lt;/p&gt;
 WON'T ELLIPSE.
@@ -3123,9 +3125,8 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
        non-inheritance into a nested element. </object>
 
       <td>
-       <div style="width:3.2em; border:solid .1em black; margin:1em 0;
-        padding:.2em;
-        font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">NESTED
+       <div
+        style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em;  font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">NESTED
 
         <p>PARAGRAPH</p>
         WON'T ELLIPSE.</div>
@@ -3240,13 +3241,7 @@ <h4 id=cursor><span class=secno>10.1.1. </span><span
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>If there are one or more &lt;uri&gt; values specified, and the UA
-      finds a &lt;uri&gt; that it is able to support (due to format, resource
-      availability etc.), then the computed value is that resolved absolute
-      URI, fully qualified, with optional &lt;x&gt; and &lt;y&gt;
-      coordinates. If no such supported &lt;uri&gt; value is found, or if no
-      &lt;uri&gt; values were specified, then the computed value is the
-      specified keyword value.
+     <td>as specified, except with any relative URLs converted to absolute
   </table>
 
   <p>This property specifies the type of cursor to be displayed for the
@@ -3431,8 +3426,9 @@ <h5 class="no-num no-toc" id=zooming-cursors>zooming cursors</h5>
 
   <dl>
    <dt> <span style="cursor:-moz-zoom-in; cursor:-o-zoom-in; cursor:zoom-in">
-    zoom-in</span>, <span style="cursor:-moz-zoom-out; cursor:-o-zoom-out;
-    cursor:zoom-out"> zoom-out</span>
+    zoom-in</span>, <span
+    style="cursor:-moz-zoom-out; cursor:-o-zoom-out; cursor:zoom-out">
+    zoom-out</span>
 
    <dd> Indicates that something can be zoomed (magnified) in or out, and
     often rendered as a magnifying glass with a "+" or "-" in the center of
@@ -3520,7 +3516,7 @@ <h4 id=pointer-events><span class=secno>10.1.2. </span><span
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>the specified value, or else the inherited value
+     <td>the specified value
   </table>
 
   <p>The pointer-events property allows authors to control whether or when an
@@ -3823,7 +3819,7 @@ <h4 id=nav-dir><span class=secno>10.2.2. </span>Directional focus
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>&lt;id&gt; as specified with &lt;target-name&gt; string or keyword.
+     <td>as specified
   </table>
 
   <dl>
@@ -3962,7 +3958,7 @@ <h4 id=input-method-editor><span class=secno>10.2.3. </span>Input method
     <tr>
      <th>Computed&nbsp;value:
 
-     <td>&lt;id&gt; as specified
+     <td>as specified
   </table>
 
   <p> The &lsquo;<a href="#ime-mode"><code
@@ -4001,7 +3997,8 @@ <h4 id=input-method-editor><span class=secno>10.2.3. </span>Input method
     id=example-disabling-input-method-support>Example: disabling input method
     support</h5>
 
-   <pre><code class=html>&lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;initial value&quot; style=&quot;ime-mode: disabled&quot;&gt;
+   <pre><code
+    class=html>&lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;initial value&quot; style=&quot;ime-mode: disabled&quot;&gt;
 </code></pre>
 
    <p> This example disables input method support for a field; this might be
@@ -4056,19 +4053,19 @@ <h3 class="no-num no-toc" id=normative-references>Normative References</h3>
    <dt id=CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
     Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 7 June
     2011. W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
     </dd>
    <!---->
 
    <dt id=CSS3COLOR>[CSS3COLOR]
 
    <dd>Tantek &#199;elik; Chris Lilley; L. David Baron. <a
-    href="http://www.w3.org/TR/2011/REC-css3-color-20110607/"><cite>CSS Color
+    href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
     Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2011/REC-css3-color-20110607/">http://www.w3.org/TR/2011/REC-css3-color-20110607/</a>
+    href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
     </dd>
    <!---->
 
@@ -4103,10 +4100,9 @@ <h3 class="no-num no-toc" id=normative-references>Normative References</h3>
    <dt id=SELECT>[SELECT]
 
    <dd>Tantek &#199;elik; et al. <a
-    href="http://www.w3.org/TR/2009/PR-css3-selectors-20091215"><cite>Selectors
-    Level 3.</cite></a> 15 December 2009. W3C Proposed Recommendation. (Work
-    in progress.) URL: <a
-    href="http://www.w3.org/TR/2009/PR-css3-selectors-20091215">http://www.w3.org/TR/2009/PR-css3-selectors-20091215</a>
+    href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/"><cite>Selectors
+    Level 3.</cite></a> 29 September 2011. W3C Recommendation. URL: <a
+    href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">http://www.w3.org/TR/2011/REC-css3-selectors-20110929/</a>
     </dd>
    <!---->
 
@@ -4192,10 +4188,10 @@ <h3 class="no-num no-toc" id=informative-references>Informative References</h3>
    <dt id=SVG11>[SVG11]
 
    <dd>Erik Dahlstr&#246;m; et al. <a
-    href="http://www.w3.org/TR/2011/PR-SVG11-20110609/"><cite>Scalable Vector
-    Graphics (SVG) 1.1 (Second Edition).</cite></a> 9 June 2011. W3C Proposed
-    Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2011/PR-SVG11-20110609/">http://www.w3.org/TR/2011/PR-SVG11-20110609/</a>
+    href="http://www.w3.org/TR/2011/REC-SVG11-20110816/"><cite>Scalable
+    Vector Graphics (SVG) 1.1 (Second Edition).</cite></a> 16 August 2011.
+    W3C Recommendation. URL: <a
+    href="http://www.w3.org/TR/2011/REC-SVG11-20110816/">http://www.w3.org/TR/2011/REC-SVG11-20110816/</a>
     </dd>
    <!---->
 
@@ -4826,8 +4822,8 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>MUST, <a href="#must" title=MUST><strong>2.1.</strong></a>
 
-   <li>MUST NOT, <a href="#must-not" title="MUST
-    NOT"><strong>2.1.</strong></a>
+   <li>MUST NOT, <a href="#must-not"
+    title="MUST NOT"><strong>2.1.</strong></a>
 
    <li>nav-down, <a href="#nav-down"
     title=nav-down><strong>10.2.2.</strong></a>
@@ -4873,13 +4869,13 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>SHALL, <a href="#shall" title=SHALL><strong>2.1.</strong></a>
 
-   <li>SHALL NOT, <a href="#shall-not" title="SHALL
-    NOT"><strong>2.1.</strong></a>
+   <li>SHALL NOT, <a href="#shall-not"
+    title="SHALL NOT"><strong>2.1.</strong></a>
 
    <li>SHOULD, <a href="#should" title=SHOULD><strong>2.1.</strong></a>
 
-   <li>SHOULD NOT, <a href="#should-not" title="SHOULD
-    NOT"><strong>2.1.</strong></a>
+   <li>SHOULD NOT, <a href="#should-not"
+    title="SHOULD NOT"><strong>2.1.</strong></a>
 
    <li>text-overflow, <a href="#text-overflow0"
     title=text-overflow><strong>9.2.</strong></a>