Generated. Do not edit!

Author: bert-github

css4-images/Overview.html

@@ -10,10 +10,10 @@
   <meta content="CSS Image Values and Replaced Content Module Level 4"
    name=DC.title>
   <meta content=text name=DC.type>
-  <meta content=2012-08-31 name=DC.issued>
-  <meta content="http://dev.w3.org/csswg/css4-images/ <!--" name=DC.creator>
+  <meta content=2012-09-11 name=DC.issued>
+  <meta content="http://dev.w3.org/csswg/css4-images/" name=DC.creator>
   <meta content=W3C name=DC.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-css4-images-20120831/"
+  <meta content="http://www.w3.org/TR/2012/ED-css4-images-20120911/"
    name=DC.identifier>
   <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    rel=DC.rights>
@@ -28,27 +28,30 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 August 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 11 September
+    2012</h2>
 
    <dl>
     <dt>This Version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css4-images/">http://dev.w3.org/csswg/css4-images/</a>
-     <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css4-images-20120831/">http://www.w3.org/TR/2012/WD-css4-images-20120831/</a>-->
-     <!--
-		<dt>Latest Version:
-		<dd><a href="http://www.w3.org/TR/css4-images/">http://www.w3.org/TR/css4-images/</a>
--->
+     <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css4-images-20120911/">http://www.w3.org/TR/2012/WD-css4-images-20120911/</a>-->
+
+    <dt>Latest Version:
+
+    <dd><a
+     href="http://www.w3.org/TR/css4-images/">http://www.w3.org/TR/css4-images/</a>
 
     <dt>Editor's Draft:
 
     <dd><a
      href="http://dev.w3.org/csswg/css4-images/">http://dev.w3.org/csswg/css4-images/</a>
-     <!--
-		<dt>Previous Version:
-		<dd><a href="http://www.w3.org/TR/2012/WD-css4-images-20120112/">http://www.w3.org/TR/2012/WD-css4-images-20120112/</a>
--->
+
+    <dt>Previous Version:
+
+    <dd><a
+     href="http://www.w3.org/TR/2012/WD-css4-images-20120911/">http://www.w3.org/TR/2012/WD-css4-images-20120911/</a>
 
     <dt>Issue Tracking:
 
@@ -316,8 +319,6 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
       references</a>
 
      <li class=no-num><a href="#other-references">Other references</a>
-
-     <li class=no-num><a href="#changes">Changes Since Last Call</a>
     </ul>
 
    <li class=no-num><a href="#index">Index</a>
@@ -334,7 +335,7 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
    class=property>background-image</code>’ property, could only be given by
    a single URL value. This module introduces additional ways of representing
    2D images, for example as <a href="#image-notation">a list of URIs
-   denoting fallbacks</a>, as <a href="#element-image">a reference to an
+   denoting fallbacks</a>, as <a href="#element-image-type">a reference to an
    element</a>, or as <a href="#gradients">a gradient</a>.
 
   <p> This module also defines several properties for <a
@@ -381,7 +382,7 @@ <h3 id=values><span class=secno>1.2. </span> Values</h3>
 
   <p> In addition to the property-specific values listed in their
    definitions, all properties defined in this specification also accept the
-   <a href="http://www.w3.org/TR/css-values">global keywords</a> as their
+   <a href="http://www.w3.org/TR/css3-values">global keywords</a> as their
    property value. For readability they has not been repeated explicitly.
 
   <h2 id=planned-features><span class=secno>2. </span>Planned Features</h2>
@@ -543,8 +544,9 @@ <h4 id=image-fragments><span class=secno>3.2.1. </span> Image Fragments</h4>
    standalone image.
 
   <div class=example>
-   <p> For example, given the following image and CSS: <a href=sprites.svg>
-    <img alt="[9 circles, with 0 to 8 eighths filled in]" height=20
+   <p> For example, given the following image and CSS: <a
+    href="images/sprites.svg"> <img
+    alt="[9 circles, with 0 to 8 eighths filled in]" height=20
     src="images/sprites.svg" width=180> </a>
 
    <pre>background-image: image('sprites.svg#xywh=40,0,20,20')</pre>
@@ -960,7 +962,8 @@ <h3 id=element-notation><span class=secno>3.4. </span> Using Elements as
 
     <p> If the referenced element has a transform applied to it or an
      ancestor, the transform must be ignored when rendering the element as an
-     image. [[!CSS-TRANSFORMS]]
+     image. <a href="#CSS3-TRANSFORMS"
+     rel=biblioentry>[CSS3-TRANSFORMS]<!--{{!CSS3-TRANSFORMS}}--></a>
 
     <p> If the referenced element is broken across pages, the element is
      displayed as if the page content areas were joined flush in the
@@ -2382,16 +2385,16 @@ <h3 id=color-stop-syntax><span class=secno>4.5. </span> Gradient
    <p> In premultiplied space, transitions to or from "transparent" always
     look nice:
 
-   <p><object data=gradient2.svg height=100 width=200>(Image requires
-    SVG)</object>
+   <p><object data="images/gradient2.svg" height=100 width=200>(Image
+    requires SVG)</object>
 
    <p> On the other hand, if a gradient were to incorrectly transition in
     non-premultiplied space, the colors near "transparent" would noticeably
     darken to a grayish color, because "transparent" is actually a shorthand
     for ‘<code class=css>rgba(0,0,0,0)</code>’, or transparent black:
 
-   <p><object data=gradient3.svg height=100 width=200>(Image requires
-    SVG)</object>
+   <p><object data="images/gradient3.svg" height=100 width=200>(Image
+    requires SVG)</object>
   </div>
 
   <p class=note> Note: It is recommended that authors not mix different types
@@ -2718,7 +2721,7 @@ <h3 id=object-sizing-examples><span class=secno>5.4. </span> Examples of
 
     <dt><a
      href="http://www.w3.org/TR/css3-background/#border-images">‘<code
-     class=property>border-image</code>’ </a>
+     class=property>border-image</code>’</a>
 
     <dd> Border images are sized twice: first the entire image is sized to
      determine the slice points, then the slices are sized to decorate the
@@ -2897,16 +2900,19 @@ <h3 id=the-object-fit><span class=secno>5.5. </span> Sizing Objects: the
    replaced elements always clip their contents to the content box, the
    content will never overflow. See the ‘<a href="#object-position"><code
    class=property>object-position</code></a>’ property for positioning the
-   object with respect to the content box. <figure> <img alt=alt
-   src="images/img_scale.png" style="border: thin solid black;"> <figcaption>
-   An example showing how four of the values of ‘<a
-   href="#object-fit"><code class=property>object-fit</code></a>’ cause the
-   replaced element (blue figure) to be scaled to fit its height/width box
-   (shown with a green background), using the initial value for ‘<a
-   href="#object-position"><code
-   class=property>object-position</code></a>’. The fifth value, ‘<code
-   class=css>scale-down</code>’, in this case looks identical to ‘<code
-   class=css>contain</code>’. </figcaption> </figure>
+   object with respect to the content box.
+
+  <div class=figure> <img alt="" src="images/img_scale.png"
+   style="border: thin solid black;">
+   <p class=caption> An example showing how four of the values of ‘<a
+    href="#object-fit"><code class=property>object-fit</code></a>’ cause
+    the replaced element (blue figure) to be scaled to fit its height/width
+    box (shown with a green background), using the initial value for ‘<a
+    href="#object-position"><code
+    class=property>object-position</code></a>’. The fifth value, ‘<code
+    class=css>scale-down</code>’, in this case looks identical to ‘<code
+    class=css>contain</code>’.
+  </div>
 
   <p class=note> Note: the ‘<a href="#object-fit"><code
    class=property>object-fit</code></a>’ property has similar semantics to
@@ -3905,13 +3911,23 @@ <h3 class=no-num id=normative-references>Normative references</h3>
    </dd>
    <!---->
 
+   <dt id=CSS3-TRANSFORMS>[CSS3-TRANSFORMS]
+
+   <dd>Simon Fraser; et al. <a
+    href="http://www.w3.org/TR/2012/WD-css3-transforms-20120403/"><cite>CSS
+    Transforms.</cite></a> 3 April 2012. W3C Working Draft. (Work in
+    progress.) URL: <a
+    href="http://www.w3.org/TR/2012/WD-css3-transforms-20120403/">http://www.w3.org/TR/2012/WD-css3-transforms-20120403/</a>
+   </dd>
+   <!---->
+
    <dt id=CSS3VAL>[CSS3VAL]
 
    <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
-    href="http://www.w3.org/TR/2012/WD-css3-values-20120308/"><cite>CSS
-    Values and Units Module Level 3.</cite></a> 8 March 2012. W3C Working
-    Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">http://www.w3.org/TR/2012/WD-css3-values-20120308/</a>
+    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS
+    Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate
+    Recommendation. (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a>
    </dd>
    <!---->
 
@@ -4029,67 +4045,44 @@ <h3 class=no-num id=other-references>Other references</h3>
    <!---->
   </dl>
   <!--end-informative-->
-
-  <h3 class=no-num id=changes>Changes Since Last Call</h3>
-
-  <p>Major changes include:
-
-  <ul>
-   <li>The ‘<code class=css>element()</code>’ feature has been deferred
-    to Level 4.
-
-   <li>The directional images feature (‘<code
-    class=css>ltr</code>’/‘<code class=css>rtl</code>’ annotations in
-    ‘<code class=css>image()</code>’) has been deferred to Level 4 to
-    address some design-level feedback.
-
-   <li>Images referenced with unsupported URL fragment syntax are now
-    considered invalid (and trigger fallback) within ‘<code
-    class=css>image()</code>’.
-
-   <li>The ‘<a href="#object-fit"><code
-    class=property>object-fit</code></a>’ property no longer resizes the
-    element's content box in any cases.
-
-   <li>The ‘<a href="#image-orientation"><code
-    class=property>image-orientation</code></a>’ property is now inherited.
-  </ul>
-
-  <p>Significant details updated:
-
-  <ul>
-   <li>There is now a definition for <a href="#invalid-image"><i>invalid
-    images</i></a>, which trigger fallback in the ‘<code
-    class=css>image()</code>’ notation.
-
-   <li>Clarified that media fragments are only required to be supported
-    within ‘<code class=css>image()</code>’ in order to satisfy the
-    prerequisite for supporting ‘<code class=css>image()</code>’.
-
-   <li>Defined how to determine the closeness of two aspect ratios (used in
-    the definition of <a href="#intrinsic-dimensions"><i>intrinsic
-    dimensions</i></a>).
-
-   <li>Corrected error in which ‘<a href="#image-orientation"><code
-    class=property>image-orientation</code></a>’ was applied after CSS
-    transforms.
-
-   <li>The ‘<a href="#object-fit"><code
-    class=property>object-fit</code></a>’ and ‘<a
-    href="#object-position"><code
-    class=property>object-position</code></a>’ properties may no longer be
-    aliased to ‘<code class=property>image-fit</code>’ and ‘<code
-    class=property>image-position</code>’. A future edition of the <a
-    href="http://www.w3.org/TR/css-print/">CSS Print Profile</a> may allow
-    this for printer implementations, however.
-  </ul>
-
-  <p>There were also many clarifications and several sections were rearranged
-   to make them easier to read.
-
-  <p>The <a
-   href="http://dev.w3.org/csswg/css4-images/issues-lc-2012">Disposition of
-   Last Call Comments</a> is available.
+  <!--
+<h3 class="no-num" id="changes">Changes Since Last Call</h3>
+
+	<p>Major changes include:
+	<ul>
+		<li>The ''element()'' feature has been deferred to Level 4.
+		<li>The directional images feature (''ltr''/''rtl'' annotations in ''image()'')
+		has been deferred to Level 4 to address some design-level feedback.
+		<li>Images referenced with unsupported URL fragment syntax are now considered
+		invalid (and trigger fallback) within ''image()''.
+		<li>The 'object-fit' property no longer resizes the element's content box in
+		any cases.
+		<li>The 'image-orientation' property is now inherited.
+	</ul>
+
+	<p>Significant details updated:
+
+	<ul>
+		<li>There is now a definition for <i>invalid images</i>, which trigger fallback
+		in the ''image()'' notation.
+		<li>Clarified that media fragments are only required to be supported within
+		''image()'' in order to satisfy the prerequisite for supporting ''image()''.
+		<li>Defined how to determine the closeness of two aspect ratios (used in
+		the definition of <i>intrinsic dimensions</i>).
+		<li>Corrected error in which 'image-orientation' was applied after CSS
+		transforms.
+		<li>The 'object-fit' and 'object-position' properties may no longer be
+		aliased to 'image-fit' and 'image-position'. A future edition of the
+		<a href="http://www.w3.org/TR/css-print/">CSS Print Profile</a> may allow
+		this for printer implementations, however.
+	</ul>
+
+	<p>There were also many clarifications and several sections were rearranged to
+	make them easier to read.
+
+	<p>The <a href="http://dev.w3.org/csswg/css4-images/issues-lc-2012">Disposition
+	of Last Call Comments</a> is available.
+-->
 
   <h2 class=no-num id=index>Index</h2>
   <!--begin-index-->