W3C home > Mailing lists > Public > public-css-commits@w3.org > February 2012

csswg/css3-images Overview.html,1.271,1.272 Overview.src.html,1.281,1.282

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 06 Feb 2012 09:40:06 +0000
To: public-css-commits@w3.org
Message-Id: <E1RuL3O-0007ka-LW@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv29568

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Drop the IDENT arg from element(), link to CSSElementMap.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.271
retrieving revision 1.272
diff -u -d -r1.271 -r1.272
--- Overview.html	6 Feb 2012 09:26:38 -0000	1.271
+++ Overview.html	6 Feb 2012 09:40:04 -0000	1.272
@@ -606,21 +606,22 @@
    class=css>element()</code>&rsquo; is:
 
   <pre class=prod><dfn
-   id=ltelement-reference>&lt;element-reference></dfn> = element( [&lt;id-selector> | &lt;identifier> ] )</pre>
+   id=ltelement-reference>&lt;element-reference></dfn> = element( &lt;id-selector> )</pre>
 
   <p>where &lt;id-selector> is an ID selector <a href="#SELECT"
-   rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, and &lt;identifier> is an
-   identifer <a href="#CSS3VAL"
-   rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>.
+   rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>.
 
   <p>If the argument to the &lsquo;<code class=css>element()</code>&rsquo;
    function is an ID selector, the function references the element matched by
-   the selector. If it's an identifier, the function references the element
-   whose <dfn id=css-element-reference-identifier>CSS element reference
-   identifier</dfn> is the given identifier. (CSS does not define how an
-   element acquires a <a href="#css-element-reference-identifier"><i>CSS
-   element reference identifier</i></a>; that is determined by the host
-   language.)
+   the selector.
+
+  <p>HTML defines an additional way for an element to match this ID selector,
+   via the <a
+   href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#dom-document-csselementmap"><code>CSSElementMap</code></a>.
+   If an element matching the ID selector is not found in the document, the
+   ID is then looked up in the <code>CSSElementMap</code>. Other host
+   languages may define additional ways for elements to match the argument in
+   &lsquo;<code class=css>element()</code>&rsquo;.
 
   <div class=example>
    <p>The &lsquo;<code class=css>element()</code>&rsquo; function can be put
@@ -2717,10 +2718,6 @@
    <li>concrete object size, <a href="#concrete-object-size"
     title="concrete object size"><strong>5.1.</strong></a>
 
-   <li>CSS element reference identifier, <a
-    href="#css-element-reference-identifier"
-    title="CSS element reference identifier"><strong>3.3.</strong></a>
-
    <li>default object size, <a href="#default-object-size"
     title="default object size"><strong>5.1.</strong></a>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.281
retrieving revision 1.282
diff -u -d -r1.281 -r1.282
--- Overview.src.html	6 Feb 2012 09:26:38 -0000	1.281
+++ Overview.src.html	6 Feb 2012 09:40:04 -0000	1.282
@@ -287,11 +287,13 @@
 
 	<p>The ''element()'' function allows an author to use an element in the document as an image.  As the referenced element changes appearance, the image changes as well.  This can be used, for example, to create live previews of the next/previous slide in a slideshow, or to reference a canvas element for a fancy generated gradient or even an animated background.  The syntax for ''element()'' is:</p>
 
-	<pre class=prod><dfn>&lt;element-reference></dfn> = element( [&lt;id-selector> | &lt;identifier> ] )</pre>
+	<pre class=prod><dfn>&lt;element-reference></dfn> = element( &lt;id-selector> )</pre>
 
-	<p>where &lt;id-selector> is an ID selector [[!SELECT]], and &lt;identifier> is an identifer [[!CSS3VAL]].</p>
+	<p>where &lt;id-selector> is an ID selector [[!SELECT]].</p>
 
-	<p>If the argument to the ''element()'' function is an ID selector, the function references the element matched by the selector.  If it's an identifier, the function references the element whose <dfn>CSS element reference identifier</dfn> is the given identifier.  (CSS does not define how an element acquires a <i>CSS element reference identifier</i>; that is determined by the host language.)</p>
+	<p>If the argument to the ''element()'' function is an ID selector, the function references the element matched by the selector.</p>
+
+	<p>HTML defines an additional way for an element to match this ID selector, via the <a href='http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#dom-document-csselementmap'><code>CSSElementMap</code></a>.  If an element matching the ID selector is not found in the document, the ID is then looked up in the <code>CSSElementMap</code>.  Other host languages may define additional ways for elements to match the argument in ''element()''.</p>
 
 	<div class='example'>
 		<p>The ''element()'' function can be put to many uses.  For example, it can be used to show a preview of the previous or next slide in a slideshow:</p>
@@ -455,7 +457,7 @@
 		<dt>userSpaceOnUse</dt>
 		<dd>The coordinate system has its origin at the top left corner of the painting area.  Units in the coordinate space are sized equivalently to the CSS ''px'' unit.</dd>
 	</dl>
-	
+
 <!-- ====================================================================== -->
 
 <h4 class="no-num no-toc" id='element-cycles'>
Received on Monday, 6 February 2012 09:42:14 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:50 UTC