Changed "CSS View Box" to "concrete object size", and reworded as appropriate.

Fixed two tiny misspellings.

Author: tabatkins

css3-images/Overview.html

@@ -74,12 +74,12 @@ <h2 class="no-num no-toc" id=abstract> Abstract</h2>
 
   <p>This CSS Image Values and Replaced Content module has two parts: First,
    it defines the syntax for <a href="#ltimage"><i>&lt;image></i></a> values
-   in CSS. <a href="#ltimage"><i>&lt;image</i></a> values can be a single URI
-   to an image, a list of URIs denoting a series of fallbacks, a reference to
-   an element in the document, or gradients. Second, it defines properties
-   used to control the interaction of replaced content and the CSS layout
-   algorithms. These properties can affect the used image resolution for
-   bitmaps, the replaced object's orientation, and whether and how to
+   in CSS. <a href="#ltimage"><i>&lt;image></i></a> values can be a single
+   URI to an image, a list of URIs denoting a series of fallbacks, a
+   reference to an element in the document, or gradients. Second, it defines
+   properties used to control the interaction of replaced content and the CSS
+   layout algorithms. These properties can affect the used image resolution
+   for bitmaps, the replaced object's orientation, and whether and how to
    preserve the object's aspect ratio.</p>
   <!-- ====================================================================== -->
 
@@ -282,7 +282,7 @@ <h2 id=conformance><span class=secno>2. </span> Conformance</h2>
   <dl>
    <dt><dfn id=minimal>minimal</dfn>
 
-   <dd>A device that does not implement CSS Transforms, CSS Animations, nor
+   <dd>A device that does not implement CSS Transitions, CSS Animations, nor
     CSSOM may ignore the chapters on Serializing and Interpolating values for
     the purpose of claiming conformance.
 
@@ -620,11 +620,10 @@ <h2 id=gradients><span class=secno>5. </span> Gradients</h2>
 
   <p class=note>In many places this section references a box, such as "the
    box's top-left corner" or "the box's right side". In all of these
-   circumstances, the "box" refers to the &lsquo;<a
-   href="#css-view-box"><code class=css>CSS View Box</code></a>&rsquo; (see
-   the "Sizing Images and Objects in CSS" section of this spec for
-   clarification). A gradient has no intrinsic dimensions. This means that,
-   for example, if you use a gradient in a &lsquo;<code
+   circumstances, the "box" refers to the &lsquo;<code class=css>CSS View
+   Box</code>&rsquo; (see the "Sizing Images and Objects in CSS" section of
+   this spec for clarification). A gradient has no intrinsic dimensions. This
+   means that, for example, if you use a gradient in a &lsquo;<code
    class=property>background-image</code>&rsquo;, the "box" will simply be
    the size of the background sizing area. If you use a gradient in a
    list-style-image, the "box" will be a 1em square.
@@ -1176,23 +1175,26 @@ <h3 id=sizing-terms><span class=secno>6.1. </span> Object-Sizing
     size can be a definite width and height, a set of constraints, or a
     combination thereof.
 
-   <dt><dfn id=css-view-box>CSS View Box</dfn>
+   <dt><dfn id=concrete-object-size>concrete object size</dfn>
 
-   <dd>The CSS View Box is the result of transforming the <a
+   <dd>The <a href="#concrete-object-size"><i>concrete object size</i></a> is
+    the result of transforming the <a
     href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> into a
-    concrete size, based on the specified size and the <a
-    href="#default-object-size"><i>default object size</i></a>. A CSS View
-    Box always has a definite height and width.
+    concrete size, based on the <a href="#specified-size"><i>specified
+    size</i></a> and the <a href="#default-object-size"><i>default object
+    size</i></a>. A <a href="#concrete-object-size"><i>concrete object
+    size</i></a> always has a definite height and width.
 
    <dt><dfn id=default-object-size>default object size</dfn>
 
    <dd>
-    <p>The default object size is a rectangle with a definite height and
-     width used to determine the size of the CSS View Box when both the <a
-     href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> and <a
-     href="#specified-size"><i>specified size</i></a> are missing dimensions.
-     It varies based on the context in which that the image is being laid
-     out.</p>
+    <p>The <a href="#default-object-size"><i>default object size</i></a> is a
+     rectangle with a definite height and width used to determine the <a
+     href="#concrete-object-size"><i>concrete object size</i></a> when both
+     the <a href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> and
+     <a href="#specified-size"><i>specified size</i></a> are missing
+     dimensions. It varies based on the context in which that the image is
+     being laid out.</p>
 
     <div class=example>
      <p>Below are some examples of default object sizing areas:
@@ -1260,89 +1262,100 @@ <h3 id=object-negotiation><span class=secno>6.2. </span> CSS⇋Object
 
    <li>Using the <a href="#intrinsic-dimensions"><i>intrinsic
     dimensions</i></a> and the <a href="#specified-size"><i>specified
-    size</i></a>, CSS then computes a <a href="#css-view-box"><i>CSS View
-    Box</i></a> that defines the size and position of the region the object
-    will render in.
-
-   <li>CSS asks the object to render itself into the CSS View Box. CSS does
-    not define how objects render when the dimensions of the CSS View Box are
-    different than the object's intrinsic dimensions. The object may adjust
-    itself to match the dimensions of the CSS View Box in some way, or even
-    render itself larger or smaller than the CSS View Box to satisfy sizing
-    constraints of its own.
+    size</i></a>, CSS then computes a <a
+    href="#concrete-object-size"><i>concrete object size</i></a> that defines
+    the size and position of the region the object will render in.
+
+   <li>CSS asks the object to render itself at the <a
+    href="#concrete-object-size"><i>concrete object size</i></a>. CSS does
+    not define how objects render when the <a
+    href="#concrete-object-size"><i>concrete object size</i></a> is different
+    from the object's <a href="#intrinsic-dimensions"><i>intrinsic
+    dimensions</i></a>. The object may adjust itself to match the <a
+    href="#concrete-object-size"><i>concrete object size</i></a> in some way,
+    or even render itself larger or smaller than the <a
+    href="#concrete-object-size"><i>concrete object size</i></a> to satisfy
+    sizing constraints of its own.
 
    <li>Unless otherwise specified by CSS, the object is then clipped to the
-    CSS View Box.
+    <a href="#concrete-object-size"><i>concrete object size</i></a>.
   </ol>
   <!-- ====================================================================== -->
 
   <h3 id=default-sizing><span class=secno>6.3. </span> Default Intrinsic-Size
    Resolution</h3>
 
-  <p>In the absence of more specific rules to the contrary, an object's
-   <i>intrinsic size</i> is resolved to a <a href="#css-view-box"><i>CSS View
-   Box</i></a> as follows:
+  <p>In the absence of more specific rules to the contrary, an object's <a
+   href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> are resolved
+   to a <a href="#concrete-object-size"><i>concrete object size</i></a> as
+   follows:
 
   <ul>
    <li>If the <a href="#specified-size"><i>specified size</i></a> is a
-    definite width and height, the <a href="#css-view-box"><i>CSS View
-    Box</i></a> is given that width and height.
+    definite width and height, the <a
+    href="#concrete-object-size"><i>concrete object size</i></a> is given
+    that width and height.
 
    <li>If the <a href="#specified-size"><i>specified size</i></a> has only a
-    width or height, but not both, then the <a href="#css-view-box"><i>CSS
-    View Box</i></a> is given that specified width or height. The other
-    dimension is calculated as follows:
+    width or height, but not both, then the <a
+    href="#concrete-object-size"><i>concrete object size</i></a> is given
+    that specified width or height. The other dimension is calculated as
+    follows:
     <ol>
      <li>If the object has an <a href="#intrinsic-aspect-ratio"><i>intrinsic
-      aspect ratio</i></a>, the <a href="#css-view-box"><i>CSS View
-      Box</i></a> is given the same aspect ratio.
-
-     <li>Otherwise, if the object has the missing dimension as an
-      <i>intrinsic size</i>, then the missing dimension of the <a
-      href="#css-view-box"><i>CSS View Box</i></a> is taken from the object's
-      intrinsic size.
-
-     <li>Otherwise, the missing dimension of the <a
-      href="#css-view-box"><i>CSS View Box</i></a> is taken from the <a
-      href="#default-object-size"><i>default object size</i></a>.
+      aspect ratio</i></a>, the missing dimension of the <a
+      href="#concrete-object-size"><i>concrete object size</i></a> is
+      calculated using the <i>intrinsic aspect-ratio</i> and the present
+      dimension.
+
+     <li>Otherwise, if the missing dimension is present in the object's <a
+      href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a>, the <a
+      href="#concrete-object-size"><i>concrete object
+      size</i></a>&lsquo;<code class=css>s missing dimension is taken from
+      the object</code>&rsquo;s <a href="#intrinsic-dimensions"><i>intrinsic
+      dimensions</i></a>.
+
+     <li>Otherwise, the missing dimension of the <i>concrete objecty size</i>
+      is taken from the <a href="#default-object-size"><i>default object
+      size</i></a>.
     </ol>
 
    <li>If the <a href="#specified-size"><i>specified size</i></a> has neither
     a definite width nor height, and has no additional contraints, the
-    dimensions of the <a href="#css-view-box"><i>CSS View Box</i></a> is
-    calculated as follows:
+    dimensions of the <a href="#concrete-object-size"><i>concrete object
+    size</i></a> are calculated as follows:
     <ol>
      <li>If the object has both an <a href="#intrinsic-width"><i>intrinsic
       width</i></a> and an <a href="#intrinsic-height"><i>intrinsic
-      height</i></a>, the <a href="#css-view-box"><i>CSS View Box</i></a> is
-      given that same height and width.
+      height</i></a>, the <a href="#concrete-object-size"><i>concrete object
+      size</i></a> is given that same height and width.
 
      <li>If the object has only an <a href="#intrinsic-width"><i>intrinsic
       width</i></a> or <a href="#intrinsic-height"><i>intrinsic
       height</i></a>, and no <a href="#intrinsic-aspect-ratio"><i>intrinsic
-      aspect ratio</i></a>, the <a href="#css-view-box"><i>CSS View
-      Box</i></a> is given that width or height, and missing dimension is
-      taken from the <a href="#default-object-size"><i>default object
-      size</i></a>.
+      aspect ratio</i></a>, the <a href="#concrete-object-size"><i>concrete
+      object size</i></a> is given that width or height, and missing
+      dimension is taken from the <a href="#default-object-size"><i>default
+      object size</i></a>.
 
      <li>If the object has only an <a
       href="#intrinsic-aspect-ratio"><i>intrinsic aspect ratio</i></a>, the
-      <a href="#css-view-box"><i>CSS View Box</i></a> must have that aspect
-      ratio, and additionally be as large as possible without either its
-      height or width exceeding the height or width of the <a
-      href="#default-object-size"><i>default object size</i></a>.
+      <a href="#concrete-object-size"><i>concrete object size</i></a> must
+      have that aspect ratio, and additionally be as large as possible
+      without either its height or width exceeding the height or width of the
+      <a href="#default-object-size"><i>default object size</i></a>.
 
-     <li>Otherwise, the <a href="#css-view-box"><i>CSS View Box</i></a> is
-      given the size of the <a href="#default-object-size"><i>default object
-      size</i></a>.
+     <li>Otherwise, the <a href="#concrete-object-size"><i>concrete object
+      size</i></a> is the same as the <a
+      href="#default-object-size"><i>default object size</i></a>.
     </ol>
   </ul>
 
   <p>If the <a href="#specified-size"><i>specified size</i></a> has
-   additional constraints, the <a href="#css-view-box"><i>CSS View
-   Box</i></a> must be sized to satisfy those constraints. For example, the
-   &lsquo;<code class=property>min-width</code>&rsquo;, &lsquo;<code
-   class=property>min-height</code>&rsquo;, &lsquo;<code
+   additional constraints, the <a href="#concrete-object-size"><i>concrete
+   object size</i></a> must be sized to satisfy those constraints. For
+   example, the &lsquo;<code class=property>min-width</code>&rsquo;,
+   &lsquo;<code class=property>min-height</code>&rsquo;, &lsquo;<code
    class=property>max-width</code>&rsquo;, and &lsquo;<code
    class=property>max-height</code>&rsquo; properties specify slightly more
    complex handling for sizing replaced elements, and &lsquo;<code