fix error in box-shadow examples, simplify box-shadow syntax to be more clear, remove references to CSS3 Tables

Author: fantasai

css3-background/Overview.html

@@ -2197,8 +2197,9 @@ <h3 id=the-border-style><span class=secno>4.2 </span>The &lsquo;<code
    <dt><dfn id=hidden>hidden</dfn>
 
    <dd> Same as &lsquo;<code class=property>none</code>&rsquo;, but has
-    different behavior in the conflict resolution rules for tables <a
-    href="#CSS3TBL" rel=biblioentry>[CSS3TBL]<!--{{CSS3TBL}}--></a>.
+    different behavior in the border conflict resolution rules for
+    border-collapsed tables <a href="#CSS21"
+    rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.
 
    <dt><dfn id=dotted>dotted</dfn>
 
@@ -2233,12 +2234,16 @@ <h3 id=the-border-style><span class=secno>4.2 </span>The &lsquo;<code
    <dt><dfn id=inset>inset</dfn>
 
    <dd> Looks as if the content on inside of the border is sunken into the
-    canvas. Different meaning on table[ref] elements.
+    canvas. Treated as &lsquo;<code class=property><a
+    href="#ridge">ridge</a></code>&rsquo; in border-collapsed tables. <a
+    href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
 
    <dt><dfn id=outset>outset</dfn>
 
    <dd> Looks as if the content on the inside of the border is coming out of
-    the canvas. Different meaning for table[ref] elements.
+    the canvas. Treated as &lsquo;<code class=property><a
+    href="#groove">groove</a></code>&rsquo; in border-collapsed tables. <a
+    href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
   </dl>
 
   <p>Borders are drawn in front of the element's background, but behind the
@@ -3240,7 +3245,7 @@ <h3 id=the-box-shadow><span class=secno>4.8 </span>The &lsquo;<code
   <p>The type <dfn id=ltshadowgt><var>&lt;shadow&gt;</var></dfn> stands for:
 
   <pre class=rhs>
-inset || [ <var><a href="#position-length">&lt;length&gt;</a></var> <var><a href="#position-length">&lt;length&gt;</a></var> <var><a href="#position-length">&lt;length&gt;</a></var>? <var><a href="#position-length">&lt;length&gt;</a></var>? || <var>&lt;color&gt;</var> ]</pre>
+inset || [ <var><a href="#position-length">&lt;length&gt;</a></var>{2,4} || <var>&lt;color&gt;</var> ]</pre>
 
   <p>where the first two lengths are required. The components of each <var><a
    href="#ltshadowgt">&lt;shadow&gt;</a></var> are interpreted as follows:
@@ -3358,7 +3363,7 @@ <h3 id=the-box-shadow><span class=secno>4.8 </span>The &lsquo;<code
        <pre><code><!--
      -->box-shadow: 
 <!-- -->  rgba(0,0,0,0.4) 
-<!-- -->  10px 10px
+<!-- -->  10px 10px 0
 <!-- -->  10px /* spread */<!--
    --></code></pre>
 
@@ -3379,7 +3384,7 @@ <h3 id=the-box-shadow><span class=secno>4.8 </span>The &lsquo;<code
        <pre><code><!--
      -->box-shadow: 
 <!-- -->  rgba(0,0,0,0.4) 
-<!-- -->  10px 10px
+<!-- -->  10px 10px 0
 <!-- -->  10px /* spread */
 <!-- -->  inset<!--
    --></code></pre>
@@ -3855,12 +3860,6 @@ <h3 class=no-num id=other-references>Other references</h3>
     </dd>
    <!---->
 
-   <dt id=CSS3TBL>[CSS3TBL]
-
-   <dd>Bert Bos; David Hyatt. <cite>CSS3 Tables Module.</cite> (forthcoming).
-    W3C Working Draft. (Work in progress.)</dd>
-   <!---->
-
    <dt id=RFC2854>[RFC2854]
 
    <dd>D. Connolly; L. Masinter. <a

css3-background/Overview.src.html

@@ -1599,8 +1599,8 @@ <h3 id="the-border-style">The 'border-style' properties</h3>
 
   <dt><dfn>hidden</dfn>
   <dd>
-  Same as 'none', but has different behavior in the conflict
-  resolution rules for tables [[CSS3TBL]].
+  Same as 'none', but has different behavior in the border conflict
+  resolution rules for border-collapsed tables [[!CSS21]].
 
   <dt><dfn>dotted</dfn>
   <dd>
@@ -1635,12 +1635,12 @@ <h3 id="the-border-style">The 'border-style' properties</h3>
   <dt><dfn>inset</dfn>
   <dd>
   Looks as if the content on inside of the border is sunken into the
-  canvas. Different meaning on table[ref] elements.
+  canvas. Treated as 'ridge' in border-collapsed tables. [[!CSS21]]
 
   <dt><dfn>outset</dfn>
   <dd>
   Looks as if the content on the inside of the border is coming out of
-  the canvas. Different meaning for table[ref] elements.
+  the canvas. Treated as 'groove' in border-collapsed tables. [[!CSS21]]
 </dl>
 
 <p>Borders are drawn in front of the element's background, but behind
@@ -2426,7 +2426,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
 
 <p>The type <dfn><var>&lt;shadow&gt;</var></dfn> stands for:
 <pre class="rhs">
-inset || [ <var>&lt;length&gt;</var> <var>&lt;length&gt;</var> <var>&lt;length&gt;</var>? <var>&lt;length&gt;</var>? || <var>&lt;color&gt;</var> ]</pre>
+inset || [ <var>&lt;length&gt;</var>{2,4} || <var>&lt;color&gt;</var> ]</pre>
 <p>where the first two lengths are required. The components of each
 <var>&lt;shadow&gt;</var> are interpreted as follows:
 
@@ -2536,7 +2536,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
       <pre><code><!--
      -->box-shadow: 
 <!-- -->  rgba(0,0,0,0.4) 
-<!-- -->  10px 10px
+<!-- -->  10px 10px 0
 <!-- -->  10px /* spread */<!--
    --></code></pre>
     <td>
@@ -2556,7 +2556,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
       <pre><code><!--
      -->box-shadow: 
 <!-- -->  rgba(0,0,0,0.4) 
-<!-- -->  10px 10px
+<!-- -->  10px 10px 0
 <!-- -->  10px /* spread */
 <!-- -->  inset<!--
    --></code></pre>