csswg/css3-images Overview.html,1.159,1.160 Overview.src.html,1.166,1.167

Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv28239

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Re-added the directional keywords to image(), per WG resolution.  (The entire image() function is already at-risk, so I didn't call out the keywords specifically.)


Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.159
retrieving revision 1.160
diff -u -d -r1.159 -r1.160
--- Overview.html	18 Aug 2011 21:22:31 -0000	1.159
+++ Overview.html	22 Aug 2011 22:55:55 -0000	1.160
@@ -16,10 +16,10 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 18 August 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 22 August 2011</h2>
 
    <dl><!--<dt>This version:</dt>
-		<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20110818/">http://www.w3.org/TR/2011/ED-css3-images-20110818/</a>-->
+		<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20110822/">http://www.w3.org/TR/2011/ED-css3-images-20110822/</a>-->
 
     <dt>Latest version:
 
@@ -157,8 +157,8 @@
       function</a>
 
      <li><a href="#image-notation"><span class=secno>4.2. </span> Image
-      Fallbacks: the &lsquo;<code class=css>image()</code>&rsquo;
-      function</a>
+      Fallbacks and Annotations: the &lsquo;<code
+      class=css>image()</code>&rsquo; notation</a>
 
      <li><a href="#element-reference"><span class=secno>4.3. </span> Using
       Elements as Images: the &lsquo;<code class=css>element()</code>&rsquo;
@@ -425,8 +425,8 @@
   </div>
   <!-- ====================================================================== -->
 
-  <h3 id=image-notation><span class=secno>4.2. </span> Image Fallbacks: the
-   &lsquo;<code class=css>image()</code>&rsquo; function</h3>
+  <h3 id=image-notation><span class=secno>4.2. </span> Image Fallbacks and
+   Annotations: the &lsquo;<code class=css>image()</code>&rsquo; notation</h3>
 
   <p>The &lsquo;<code class=css>image()</code>&rsquo; function allows an
    author to specify an image with fallback images to be used if the original
@@ -434,6 +434,14 @@
    Additionally, the author can specify a color as an ultimate fallback to be
    used when none of the images can be.
 
+  <p>Along with each URL, the author may specify a directionality, similar to
+   adding a <code>dir</code> attribute to an element in HTML. The image
+   represented by the function takes on the directionality of the used URL.
+   If a directional image is used on or in an element with opposite
+   directionality, the image must be flipped in the inline direction (as if
+   it was transformed by, e.g., <code>scaleX(-1)</code>, if the inline
+   direction is the X axis).
+
   <p>So that authors can take advantage of CSS's forwards-compatible parsing
    rules to provide a fallback for image slices, implementations that support
    the &lsquo;<code class=css>image()</code>&rsquo; notation <em>must</em>
@@ -445,7 +453,9 @@
    
 
   <pre class=prod><dfn id=ltimage-list>&lt;image-list></dfn> = 
-	image( [ &lt;string> , ]* [ &lt;string> | &lt;color> ] )</pre>
+	image( [ &lt;image-decl> , ]* [ &lt;image-decl> | &lt;color> ] )
+
+	&lt;image-decl> = &lt;string> [ ltr | rtl ]?</pre>
 
   <p>Each <code>&lt;string></code> must represent a <a
    href="http://dev.w3.org/csswg/css3-values/#urls">URL</a>.

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.166
retrieving revision 1.167
diff -u -d -r1.166 -r1.167
--- Overview.src.html	18 Aug 2011 21:22:31 -0000	1.166
+++ Overview.src.html	22 Aug 2011 22:55:55 -0000	1.167
@@ -253,10 +253,12 @@
 <!-- ====================================================================== -->
 
 <h3 id="image-notation">
-Image Fallbacks: the ''image()'' function</h3>
+Image Fallbacks and Annotations: the ''image()'' notation</h3>
 
 	<p>The ''image()'' function allows an author to specify an image with fallback images to be used if the original image can't be decoded or is a type that the browser doesn't recognize.  Additionally, the author can specify a color as an ultimate fallback to be used when none of the images can be.</p>
 
+	<p>Along with each URL, the author may specify a directionality, similar to adding a <code>dir</code> attribute to an element in HTML.  The image represented by the function takes on the directionality of the used URL.  If a directional image is used on or in an element with opposite directionality, the image must be flipped in the inline direction (as if it was transformed by, e.g., <code>scaleX(-1)</code>, if the inline direction is the X axis).</p>
+
 	<p>So that authors can take advantage of CSS's forwards-compatible parsing
 	rules to provide a fallback for image slices, implementations that support
 	the ''image()'' notation <em>must</em> support the <code>xywh=#,#,#,#</code>
@@ -265,7 +267,9 @@
 	<p>The ''image()'' notation is defined as:
 
 	<pre class='prod'><dfn>&lt;image-list></dfn> = 
-	image( [ &lt;string> , ]* [ &lt;string> | &lt;color> ] )</pre>
+	image( [ &lt;image-decl> , ]* [ &lt;image-decl> | &lt;color> ] )
+
+	&lt;image-decl> = &lt;string> [ ltr | rtl ]?</pre>
 
 	<p>Each <code>&lt;string></code> must represent a <a href="http://dev.w3.org/csswg/css3-values/#urls">URL</a>.</p>

Received on Monday, 22 August 2011 22:55:58 UTC