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

csswg/css3-images Overview.html,1.309,1.310 Overview.src.html,1.319,1.320

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 28 Feb 2012 21:25:51 +0000
To: public-css-commits@w3.org
Message-Id: <E1S2UYR-0003kg-Hc@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv14404

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Markup tweaks.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.309
retrieving revision 1.310
diff -u -d -r1.309 -r1.310
--- Overview.html	28 Feb 2012 21:21:47 -0000	1.309
+++ Overview.html	28 Feb 2012 21:25:48 -0000	1.310
@@ -667,8 +667,8 @@
   <pre class=prod><dfn
    id=element-reference-type>&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>.
+  <p>where &lsquo;<code class=css>&lt;id-selector></code>&rsquo; is an ID
+   selector <a href="#SELECT" 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
@@ -700,14 +700,14 @@
      ancestor, the transform must be ignored when rendering the element as an
      image. If the referenced element is broken across pages, the element
      must be displayed as if the page content areas were joined flush in the
-     pagination direction, with pages' edges corresponding to the ICB's start
-     edge aligned. <span class=note>Elements broken across lines or columns
-     are just rendered with their <a href="#bounding-box"><i>bounding
-     box</i></a>.</span></p>
+     pagination direction, with pages' edges corresponding to the initial
+     containing block's start edge aligned. <span class=note>Elements broken
+     across lines or columns are just rendered with their <a
+     href="#bounding-box"><i>bounding box</i></a>.</span></p>
 
     <div class=example>
-     <p>As a somewhat silly example, a &lt;p> element can be reused as a
-      background elsewhere in the document:</p>
+     <p>As a somewhat silly example, a <code>&lt;p></code> element can be
+      reused as a background elsewhere in the document:</p>
 
      <pre>
 &lt;style>
@@ -731,7 +731,8 @@
 
     <div class=example>
      <p>For example, the &lsquo;<code class=css>element()</code>&rsquo;
-      function can reference an SVG &lt;pattern> element in an HTML document:</p>
+      function can reference an SVG <code>&lt;pattern></code> element in an
+      HTML document:</p>
 
      <pre>
 &lt;!DOCTYPE html>
@@ -748,8 +749,9 @@
 	my background will be updated too!
 &lt;/p></pre>
 
-     <p>HTML also defines that a handful of elements, such as &lt;canvas>,
-      &lt;img>, and &lt;video>, provide a paint source. This means that CSS
+     <p>HTML also defines that a handful of elements, such as
+      <code>&lt;canvas></code>, <code>&lt;img></code>, and
+      <code>&lt;video></code>, provide a paint source. This means that CSS
       can, for example, reference a canvas that's being drawn into, but not
       included in the page:</p>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.319
retrieving revision 1.320
diff -u -d -r1.319 -r1.320
--- Overview.src.html	28 Feb 2012 21:21:47 -0000	1.319
+++ Overview.src.html	28 Feb 2012 21:25:49 -0000	1.320
@@ -304,7 +304,7 @@
 
 	<pre class=prod><dfn id='element-reference-type'>&lt;element-reference></dfn> = element( &lt;id-selector> )</pre>
 
-	<p>where &lt;id-selector> is an ID selector [[!SELECT]].</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 multiple elements are matched by the selector, the function references the first such element.</p>
 
@@ -315,10 +315,10 @@
 		<dd>
 			<p>The function represents an image with width and height equal to the <i>bounding box</i> of the referenced element.  The image must be constructed by rendering the referenced element and its descendants at the same size that the element would be in its document, over an infinite transparent-black canvas, positioned so that the edges of the referenced element's border image area is flush with the edges of the image.  <span class=note>Note: Because images clip anything outside their bounds by default, this means that decorations that extend outside the border box, like box-shadows, may be clipped.</span></p>
 
-			<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.  If the referenced element is broken across pages, the element must be displayed as if the page content areas were joined flush in the pagination direction, with pages' edges corresponding to the ICB's start edge aligned.  <span class='note'>Elements broken across lines or columns are just rendered with their <i>bounding box</i>.</span></p>
+			<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.  If the referenced element is broken across pages, the element must be displayed as if the page content areas were joined flush in the pagination direction, with pages' edges corresponding to the initial containing block's start edge aligned.  <span class='note'>Elements broken across lines or columns are just rendered with their <i>bounding box</i>.</span></p>
 
 			<div class='example'>
-				<p>As a somewhat silly example, a &lt;p> element can be reused as a background elsewhere in the document:</p>
+				<p>As a somewhat silly example, a <code>&lt;p></code> element can be reused as a background elsewhere in the document:</p>
 
 				<pre>
 &lt;style>
@@ -337,7 +337,7 @@
 			<p>The function represents an image with the dimensions and appearance of the <i title=paint-source>paint source</i>.  The host language defines the dimensions and appearance of paint sources.</p>
 
 			<div class='example'>
-				<p>For example, the ''element()'' function can reference an SVG &lt;pattern> element in an HTML document:</p>
+				<p>For example, the ''element()'' function can reference an SVG <code>&lt;pattern></code> element in an HTML document:</p>
 
 				<pre>
 &lt;!DOCTYPE html>
@@ -354,7 +354,7 @@
 	my background will be updated too!
 &lt;/p></pre>
 
-				<p>HTML also defines that a handful of elements, such as &lt;canvas>, &lt;img>, and &lt;video>, provide a paint source.  This means that CSS can, for example, reference a canvas that's being drawn into, but not included in the page:</p>
+				<p>HTML also defines that a handful of elements, such as <code>&lt;canvas></code>, <code>&lt;img></code>, and <code>&lt;video></code>, provide a paint source.  This means that CSS can, for example, reference a canvas that's being drawn into, but not included in the page:</p>
 
 				<pre>
 &lt;!DOCTYPE html>
Received on Tuesday, 28 February 2012 21:25:53 UTC

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