[css-shapes] <box> shapes use used radii values

Author: astearns

css-shapes/Overview.html

@@ -63,7 +63,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Shapes Module Level 1</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140106>6 January 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140110>10 January 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-shapes/>http://www.w3.org/TR/css-shapes/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-shapes%5D%20feedback">www-style@w3.org</a>
@@ -730,15 +730,30 @@ <h2 class="heading settled heading" data-level=4 id=shapes-from-image><span clas
 <h2 class="heading settled heading" data-level=5 id=shapes-from-box-values><span class=secno>5 </span><span class=content>
 Shapes from Box Values</span><a class=self-link href=#shapes-from-box-values></a></h2>
 
-<p>	Shapes can be defined by reference to edges in the <a href=http://www.w3.org/TR/CSS21/box.html#box-dimensions>CSS Box Model</a>. These edges include <a href=http://www.w3.org/TR/css3-background/#corner-shaping>border-radius curvature</a> <a data-biblio-type=normative data-link-type=biblio href=#css3bg title=css3bg>[CSS3BG]</a>. The <a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a> value extends the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#box title="<box>">&lt;box&gt;</a> value to include <a class=css data-link-type=maybe href=#margin-box title=margin-box>margin-box</a>. Its syntax is:
+<p>	Shapes can be defined 
+	by reference to edges in the 
+	<a href=http://www.w3.org/TR/CSS21/box.html#box-dimensions>CSS Box Model</a>. 
+	These edges include 
+	<a href=http://www.w3.org/TR/css3-background/#corner-shaping>border-radius curvature</a> <a data-biblio-type=normative data-link-type=biblio href=#css3bg title=css3bg>[CSS3BG]</a> 
+	from the used border-radius values. 
+	The <a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a> value extends the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#box title="<box>">&lt;box&gt;</a> value 
+	to include <a class=css data-link-type=maybe href=#margin-box title=margin-box>margin-box</a>. 
+	Its syntax is:
 
 	<pre>  <dfn class=css-code data-dfn-type=type data-export="" id=typedef-shape-box><a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a><a class=self-link href=#typedef-shape-box></a></dfn> = <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#box title="<box>">&lt;box&gt;</a> | <a class=css data-link-type=maybe href=#margin-box title=margin-box>margin-box</a>
 </pre>
 <p>	The definitions of the values are:
 
 <p>	The <dfn data-dfn-type=dfn data-noexport="" id=margin-box>margin-box<a class=self-link href=#margin-box></a></dfn> value defines the shape 
 	enclosed by the outside margin edge. 
-	The corner radii of this shape are determined by the corresponding border-radius and margin values. If the ratio of <code>border-radius/margin</code> is 1 or more, then the margin box corner radius is <code>border-radius + margin</code>. If the ratio of <code>border-radius/margin</code> is less than 1, then the margin box corner radius is <code>border-radius + (margin * (1 + (ratio-1)^3))</code>.
+	The corner radii of this shape are determined 
+	by the corresponding border-radius and margin values. 
+	If the ratio of <code>border-radius/margin</code> is 1 or more, 
+	then the margin box corner radius is 
+	<code>border-radius + margin</code>. 
+	If the ratio of <code>border-radius/margin</code> is less than 1, 
+	then the margin box corner radius is 
+	<code>border-radius + (margin * (1 + (ratio-1)^3))</code>.
 
 <p>	The <dfn data-dfn-type=dfn data-noexport="" id=border-box>border-box<a class=self-link href=#border-box></a></dfn> value defines the shape 
 	enclosed by the outside border edge. 

css-shapes/Overview.src.html

@@ -611,7 +611,15 @@ <h2 id="shapes-from-image">
 <h2 id="shapes-from-box-values">
 Shapes from Box Values</h2>
 
-	Shapes can be defined by reference to edges in the <a href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">CSS Box Model</a>. These edges include <a href="http://www.w3.org/TR/css3-background/#corner-shaping">border-radius curvature</a> [[!CSS3BG]]. The <<shape-box>> value extends the <<box>> value to include ''margin-box''. Its syntax is:
+	Shapes can be defined 
+	by reference to edges in the 
+	<a href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">CSS Box Model</a>. 
+	These edges include 
+	<a href="http://www.w3.org/TR/css3-background/#corner-shaping">border-radius curvature</a> [[!CSS3BG]] 
+	from the used border-radius values. 
+	The <<shape-box>> value extends the <<box>> value 
+	to include ''margin-box''. 
+	Its syntax is:
 
 	<pre>
 		<dfn><<shape-box>></dfn> = <<box>> | ''margin-box''
@@ -621,7 +629,14 @@ <h2 id="shapes-from-box-values">
 
 	The <dfn>margin-box</dfn> value defines the shape 
 	enclosed by the outside margin edge. 
-	The corner radii of this shape are determined by the corresponding border-radius and margin values. If the ratio of <code>border-radius/margin</code> is 1 or more, then the margin box corner radius is <code>border-radius + margin</code>. If the ratio of <code>border-radius/margin</code> is less than 1, then the margin box corner radius is <code>border-radius + (margin * (1 + (ratio-1)^3))</code>.
+	The corner radii of this shape are determined 
+	by the corresponding border-radius and margin values. 
+	If the ratio of <code>border-radius/margin</code> is 1 or more, 
+	then the margin box corner radius is 
+	<code>border-radius + margin</code>. 
+	If the ratio of <code>border-radius/margin</code> is less than 1, 
+	then the margin box corner radius is 
+	<code>border-radius + (margin * (1 + (ratio-1)^3))</code>.
 
 	The <dfn>border-box</dfn> value defines the shape 
 	enclosed by the outside border edge.