Remove bounding-box keyword as reference box.

Author: dirkschulze

css-masking-1/Overview.src.html

@@ -158,7 +158,7 @@ <h3 id="the-clip-path">Clipping Shape: the 'clip-path' property</h3>
 
 <pre class='propdef'>
 Name: clip-path
-Value: <<clip-source>> | [ <<basic-shape>> || [ <<shape-box>> | bounding-box] ] | none
+Value: <<clip-source>> | [ <<basic-shape>> || <<shape-box>> ] | none
 Initial: none
 Applies to: All elements. In SVG, it applies to <a>container elements</a> without the <a>'defs'</a> element and all <a>graphics elements</a>
 Inherited: no
@@ -182,10 +182,6 @@ <h3 id="the-clip-path">Clipping Shape: the 'clip-path' property</h3>
     <p>If specified in combination with a <<basic-shape>> it provides the reference box for the <<basic-shape>>.</p>
     <p>If specified by itself, uses the edges of the specified box, including any corner shaping (e.g. defined by 'border-radius' [[!CSS3BG]]), as clipping path. See also <a href="http://www.w3.org/TR/css-shapes/#shapes-from-box-values">“Shapes from box values”</a> [[!CSS-SHAPES]].</p>
   </dd>
-  <dt><dfn dfn-type=value>bounding-box</dfn></dt>
-  <dd>
-    The reference box is the <i>bounding client rect</i>. For further definition see <<shape-box>>.
-  </dd>
   <dt>none</dt>
   <dd>
     No <i>clipping path</i> gets created.
@@ -227,12 +223,20 @@ <h3 id="ClipPathElement">The <a element>clipPath</a> element</h3>
   <p><em>Attribute definitions:</em></p>
   <dl dfn-type=element-attr dfn-for=clipPath>
     <dt>
-      <dfn element-attr>clipPathUnits</dfn> = "<dfn dfn-type=value dfn-for=clipPathUnits>userSpaceOnUse</dfn> | <dfn dfn-type=value dfn-for=clipPathUnits>objectBoundingBox</dfn>"
+      <dfn element-attr>clipPathUnits</dfn> = "<a value for=clipPathUnits>userSpaceOnUse</a> | <a value for=clipPathUnits>objectBoundingBox</a>"
     </dt>
     <dd>
       <p>Defines the coordinate system for the contents of the <a element>clipPath</a>.</p>
-      <p>If <code>clipPathUnits="userSpaceOnUse"</code>, the contents of the <a element>clipPath</a> represent values in the current user coordinate system in place at the time when the <a element>clipPath</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>clipPath</a> element via the 'clip-path' property).</p>
-      <p>If <code>clipPathUnits="objectBoundingBox"</code>, then the user coordinate system for the contents of the <a element>clipPath</a> element is established using the bounding box of the element to which the clipping path is applied (see <a>object bounding box units</a>).</p>
+      <dl>
+        <dt><dfn dfn-type=value dfn-for=clipPathUnits>userSpaceOnUse</dfn></dt>
+        <dd>
+          <p>The contents of the <a element>clipPath</a> represent values in the current user coordinate system in place at the time when the <a element>clipPath</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>clipPath</a> element via the 'clip-path' property).</p>
+        </dd>
+        <dt><dfn dfn-type=value dfn-for=clipPathUnits>objectBoundingBox</dfn></dt>
+        <dd>
+          <p>The user coordinate system for the contents of the <a element>clipPath</a> element is established using the bounding box of the element to which the clipping path is applied (see <a>object bounding box units</a>).</p>
+        </dd>
+      </dt>
       <p>If attribute <a element-attr>clipPathUnits</a> is not specified, then the effect is as if a value of <a value for=clipPathUnits>userSpaceOnUse</a> were specified.</p>
       <p>Animatable: yes.</p>
     </dd>
@@ -522,7 +526,7 @@ <h3 id="the-mask-origin">Positioning Area: the 'mask-origin' property</h3>
 
 <pre class='propdef'>
 Name: mask-origin
-Value: <<box>> | bounding-box
+Value: <<box>>
 Initial: border-box
 Applies to: All elements. In SVG, it applies to <a>container elements</a> without the <a>'defs'</a> element and all <a>graphics elements</a>
 Inherited: no
@@ -546,30 +550,6 @@ <h3 id="the-mask-origin">Positioning Area: the 'mask-origin' property</h3>
   <dt><dfn>content-box</dfn>
   <dd>
     The position is relative to the content box respectively object bounding box [[!SVG11]] for objects without associated layout box.
-  <dt><dfn>bounding-box</dfn></dt>
-  <dd>
-    <p>The position relative to the <i>bounding client rect</i>.</p>
-    <div class="example">
-      <p>The <i>bounding client rect</i> includes the border box of the element as well as the border box of the descendants.</p>
-      <pre><code class=html>&lt;div id="element">
-    &lt;div id="content">&lt;/div>
-&lt;/div></code></pre>
-      <div class=figure>
-        <img src="images/bounding-box-overflow.svg" width="241" height="221" alt="Values for rect shape">
-        <p class=caption>This diagram illustrates an element and an overflowing descendant. The dashed line represents the <i>bounding client rect</i> and covers the element and the descendant.</p>
-      </div>
-    </div>
-    <div class="example">
-      <p>In this example the descendant is transformed. The <i>bounding client rect</i> includes the transformed border box of the descendant. It does <em>not</em> include any transform on the element.</p>
-      <pre><code class=css>#content {
-    transform: translate(50px, 50px);
-}</code></pre>
-      <div class=figure>
-        <img src="images/bounding-box-transform.svg" width="601" height="258.5" alt="Values for rect shape">
-        <p class=caption>This diagram illustrates an element and a transformed descendant. The dashed line represents the <i>bounding client rect</i> and covers the element and the descendant.</p>
-      </div>
-    </div>
-  </dd>
 </dl>
 
 Note: There is no corresponding box for <a value for=mask-origin>padding-box</a> on objects without associated layout box and <a value for=mask-origin>content-box</a> is chosen instead.
@@ -822,22 +802,38 @@ <h3 id="MaskElement">The <a element>mask</a> element</h3>
   <p><em>Attribute definitions:</em></p>
   <dl dfn-type="element-attr" dfn-for="mask">
     <dt>
-      <dfn>maskUnits</dfn> = "<dfn dfn-type=value dfn-for=maskUnits>userSpaceOnUse</dfn> | <dfn dfn-type=value dfn-for=maskUnits>objectBoundingBox</dfn>"
+      <dfn>maskUnits</dfn> = "<a value for=maskUnits>userSpaceOnUse</a> | <a value for=maskUnits>objectBoundingBox</a>"
     </dt>
     <dd>
       <p>Defines the coordinate system for attributes <a element-attr>x</a>, <a element-attr>y</a>, <a element-attr>width</a> and <a element-attr>height</a>.</p>
-      <p>If <code>maskUnits="userSpaceOnUse"</code>, <a element-attr>x</a>, <a element-attr>y</a>, <a element-attr>width</a> and <a element-attr>height</a> represent values in the current user coordinate system in place at the time when the <a element>mask</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>mask</a> element via the 'mask' property).</p>
-      <p>If <code>maskUnits="objectBoundingBox"</code>, <a element-attr>x</a>, <a element-attr>y</a>, <a element-attr>width</a> and <a element-attr>height</a> represent fractions or percentages of the bounding box of the element to which the mask is applied. (See <a>object bounding box units</a>.)</p>
+      <dl>
+        <dt><dfn value for=maskUnits>userSpaceOnUse</dfn></dt>
+        <dd>
+          <p><a element-attr>x</a>, <a element-attr>y</a>, <a element-attr>width</a> and <a element-attr>height</a> represent values in the current user coordinate system in place at the time when the <a element>mask</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>mask</a> element via the 'mask' property).</p>
+        </dd>
+        <dt><dfn dfn-type=value dfn-for=maskUnits>objectBoundingBox</dfn></dt>
+        <dd>
+          <p><a element-attr>x</a>, <a element-attr>y</a>, <a element-attr>width</a> and <a element-attr>height</a> represent fractions or percentages of the bounding box of the element to which the mask is applied. (See <a>object bounding box units</a>.)</p>
+        </dd>
+      </dl>
       <p>If attribute <a element-attr>maskUnits</a> is not specified, then the effect is as if a value of <a value for=maskUnits>objectBoundingBox</a> were specified.</p>
       <p>Animatable: yes.</p>
     </dd>
     <dt>
-      <dfn>maskContentUnits</dfn> = "<dfn dfn-type=value dfn-for=maskContentUnits>userSpaceOnUse</dfn> | <dfn dfn-type=value dfn-for=maskContentUnits>objectBoundingBox</dfn>"
+      <dfn>maskContentUnits</dfn> = "<a value for=maskContentUnits>userSpaceOnUse</a> | <a value for=maskContentUnits>objectBoundingBox</a>"
     </dt>
     <dd>
       <p>Defines the coordinate system for the contents of the <a element>mask</a>.</p>
-      <p>If <code>maskContentUnits="userSpaceOnUse"</code>, the user coordinate system for the contents of the <a element>mask</a> element is the current user coordinate system in place at the time when the <a element>mask</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>mask</a> element via the 'mask' property).</p>
-      <p>If <code>maskContentUnits="objectBoundingBox"</code>, the user coordinate system for the contents of the <a element>mask</a> is established using the bounding box of the element to which the mask is applied. (See <a>object bounding box units</a>.)</p>
+      <dl>
+        <dt><dfn dfn-type=value dfn-for=maskContentUnits>userSpaceOnUse</dfn></dt>
+        <dd>
+          <p>The user coordinate system for the contents of the <a element>mask</a> element is the current user coordinate system in place at the time when the <a element>mask</a> element is referenced (i.e., the user coordinate system for the element referencing the <a element>mask</a> element via the 'mask' property).</p>
+        </dd>
+        <dt><dfn dfn-type=value dfn-for=maskContentUnits>objectBoundingBox</dfn></dt>
+        <dd>
+          <p>The user coordinate system for the contents of the <a element>mask</a> is established using the bounding box of the element to which the mask is applied. (See <a>object bounding box units</a>.)</p>
+        </dd>
+      </dl>
       <p>If attribute <a element-attr>maskContentUnits</a> is not specified, then the effect is as if a value of <a value for=maskContentUnits>userSpaceOnUse</a> were specified.</p>
       <p>Animatable: yes.</p>
     </dd>