[css-shapes] add back in some basic shape text snipped with SVG element removal

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-06-14 name=dcterms.date>
+  <meta content=2013-06-20 name=dcterms.date>
   <meta content="Vincent Hardy" name=dcterms.creator>
   <meta content="Rossen Atanassov" name=dcterms.creator>
   <meta content="Alan Stearns" name=dcterms.creator>
@@ -55,14 +55,14 @@
 
    <h1 id=css-shapes-module>CSS Shapes Module Level 1</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 June 2013</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 June 2013</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css-shapes/">http://dev.w3.org/csswg/css-shapes/</a></dd>
-    <!--<dd><a href="http://dev.w3.org/csswg/css-shapes/">http://www.w3.org/TR/2013/WD-css-shapes-20130614/</a></dd>-->
+    <!--<dd><a href="http://dev.w3.org/csswg/css-shapes/">http://www.w3.org/TR/2013/WD-css-shapes-20130620/</a></dd>-->
 
     <dt>Latest version:
 
@@ -333,19 +333,26 @@ <h3 id=basic-shapes-from-svg-syntax><span class=secno>3.2. </span>Basic
    href="http://www.w3.org/TR/SVG/shapes.html">basic shapes</a>. The
    definitions use <code><a
    href="http://www.w3.org/TR/css3-values/#lengths">&lt;length&gt;</a></code>
-   type and the <code><a href="">&lt;percentage&gt;</a></code> types (see <a
-   href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>).
-   Percentages are resolved from the computed value of the <a
+   type and the <code><a
+   href="http://www.w3.org/TR/css3-values/#percentages">&lt;percentage&gt;</a></code>
+   types <a href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>.
+   When using this syntax to define shapes, the relevant box is determined by
+   the computed value of the <a
    href="http://www.w3.org/TR/css3-ui/#box-sizing">‘<code
-   class=property>box-sizing</code>’</a> property <a href="#CSS3UI"
-   rel=biblioentry>[CSS3UI]<!--{{!CSS3UI}}--></a> on the element to which the
-   property applies. For the radius <code>r</code> of the <a
+   class=property>box-sizing</code>’</a> property. The coordinate system
+   for the shape has its origin on the top-left corner of the relevant box
+   with the x-axis running to the right and the y-axis running downwards. All
+   the lengths expressed in percentages are resolved from the relevant box.
+   For the radius <code>r</code> of the <a
    href="#circle"><code>circle</code></a> shape, a percentage value is
    resolved as <a
    href="http://www.w3.org/TR/SVG/coords.html#Units">specified</a> in the SVG
-   recommendation (see <a href="#SVG11"
-   rel=biblioentry>[SVG11]<!--{{!SVG11}}--></a>). Path styling like stroking
-   is not considered part of the specified shape.
+   recommendation <a href="#SVG11"
+   rel=biblioentry>[SVG11]<!--{{!SVG11}}--></a>. If the relevant box of the
+   element is dependent on auto sizing (i.e., the element's ‘<code
+   class=property>width</code>’ or ‘<code class=property>height</code>’
+   property is ‘<code class=property>auto</code>’), then the percentage
+   values resolve to 0.
 
   <h4 id=supported-basic-shapes><span class=secno>3.2.1. </span>Supported
    Shapes</h4>
@@ -1053,16 +1060,6 @@ <h3 class=no-num id=normative-references>Normative references</h3>
    </dd>
    <!---->
 
-   <dt id=CSS3UI>[CSS3UI]
-
-   <dd>Tantek Çelik. <a
-    href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/"><cite>CSS Basic
-    User Interface Module Level 3 (CSS3 UI).</cite></a> 17 January 2012. W3C
-    Working Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/">http://www.w3.org/TR/2012/WD-css3-ui-20120117/</a>
-   </dd>
-   <!---->
-
    <dt id=CSS3VAL>[CSS3VAL]
 
    <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a

css-shapes/Overview.src.html

@@ -211,18 +211,31 @@ <h3 id="basic-shapes-from-svg-syntax">Basic Shapes</h3>
           Shapes can be specified using 
           syntax similar to SVG's <a href="http://www.w3.org/TR/SVG/shapes.html">basic shapes</a>. 
           The definitions use 
-          <code><a href="http://www.w3.org/TR/css3-values/#lengths">&lt;length&gt;</a></code> type 
-          and the <code><a href="">&lt;percentage&gt;</a></code> types (see [[!CSS3VAL]]). 
-          Percentages are resolved 
-          from the computed value of the 
+          <code><a href="http://www.w3.org/TR/css3-values/#lengths">&lt;length&gt;</a></code> type and the 
+          <code><a href="http://www.w3.org/TR/css3-values/#percentages">&lt;percentage&gt;</a></code> 
+          types [[!CSS3VAL]].
+          When using this syntax 
+          to define shapes, 
+          the relevant box is determined 
+          by the computed value of the 
           <a href="http://www.w3.org/TR/css3-ui/#box-sizing">'box-sizing'</a>
-          property [[!CSS3UI]] 
-          on the element to which the property applies. 
+          property. 
+          The coordinate system for the shape 
+          has its origin on the top-left corner of the
+          relevant box with the x-axis 
+          running to the right 
+          and the y-axis running downwards. 
+          All the lengths expressed in percentages 
+          are resolved from the relevant box. 
           For the radius <code>r</code> of the <code>circle</code> shape, 
           a percentage value is resolved as
           <a href="http://www.w3.org/TR/SVG/coords.html#Units">specified</a> 
-          in the SVG recommendation (see [[!SVG11]]). 
-          Path styling like stroking is not considered part of the specified shape.
+          in the SVG recommendation [[!SVG11]]. 
+          If the relevant box of the element 
+          is dependent on auto sizing 
+          (i.e., the element's 'width' or 'height' property is 'auto'), 
+          then the percentage values
+          resolve to 0. 
       </p>