[css-shapes] add syntax to complement prose

Author: astearns

css-shapes/Overview.html

@@ -12,7 +12,7 @@
    rel=dcterms.rights>
   <meta content="CSS Shapes Module Level 1" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-09-27 name=dcterms.date>
+  <meta content=2013-09-30 name=dcterms.date>
   <meta content="Vincent Hardy" name=dcterms.creator>
   <meta content="Rossen Atanassov" name=dcterms.creator>
   <meta content="Alan Stearns" name=dcterms.creator>
@@ -51,7 +51,7 @@
 
    <h1 id=css-shapes-module>CSS Shapes Module Level 1</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 September
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 30 September
     2013</h2>
 
    <dl>
@@ -199,7 +199,10 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
        <li><a href="#supported-basic-shapes"><span class=secno>3.2.1.
         </span>Supported Shapes</a>
 
-       <li><a href="#basic-shape-interpolation"><span class=secno>3.2.2.
+       <li><a href="#basic-shape-syntax"><span class=secno>3.2.2.
+        </span>Syntax of Basic Shapes</a>
+
+       <li><a href="#basic-shape-interpolation"><span class=secno>3.2.3.
         </span>Interpolation of Basic Shapes</a>
       </ul>
 
@@ -533,7 +536,28 @@ <h4 id=supported-basic-shapes><span class=secno>3.2.1. </span>Supported
 
   <p>
 
-  <h4 id=basic-shape-interpolation><span class=secno>3.2.2.
+  <h4 id=basic-shape-syntax><span class=secno>3.2.2. </span>Syntax of Basic
+   Shapes</h4>
+
+  <pre>
+rectangle() = 
+  rectangle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; [, &lt;shape-arg&gt;]? [, &lt;shape-arg&gt;]? )
+
+inset-rectangle() = 
+  inset-rectangle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; [, &lt;shape-arg&gt;]? [, &lt;shape-arg&gt;]? )
+
+circle() = circle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
+
+ellipse() = ellipse( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
+
+polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2}# )
+
+&lt;shape-arg&gt; = &lt;length&gt; | &lt;percentage&gt;
+
+&lt;fill-rule&gt; = nonzero | evenodd 
+</pre>
+
+  <h4 id=basic-shape-interpolation><span class=secno>3.2.3.
    </span>Interpolation of Basic Shapes</h4>
 
   <p>For interpolating between one basic shape and a second, the rules

css-shapes/Overview.src.html

@@ -466,6 +466,26 @@ <h4 id="supported-basic-shapes">Supported Shapes</h4>
         is used to avoid the overlap.
       <p>
 
+      <h4 id='basic-shape-syntax'>Syntax of Basic Shapes</h4>
+
+<pre>
+rectangle() = 
+  rectangle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; [, &lt;shape-arg&gt;]? [, &lt;shape-arg&gt;]? )
+
+inset-rectangle() = 
+  inset-rectangle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; [, &lt;shape-arg&gt;]? [, &lt;shape-arg&gt;]? )
+
+circle() = circle( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
+
+ellipse() = ellipse( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
+
+polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2}# )
+
+&lt;shape-arg&gt; = &lt;length&gt; | &lt;percentage&gt;
+
+&lt;fill-rule&gt; = nonzero | evenodd 
+</pre>      
+
       <h4 id='basic-shape-interpolation'>Interpolation of Basic Shapes</h4>
 
         <p>For interpolating between