W3C home > Mailing lists > Public > public-css-commits@w3.org > December 2011

csswg/css3-gcpm Overview.html,1.182,1.183

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Sun, 25 Dec 2011 01:30:19 +0000
To: public-css-commits@w3.org
Message-Id: <E1Recup-0005gA-Qt@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv21795

Modified Files:
	Overview.html 
Log Message:
x

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.182
retrieving revision 1.183
diff -u -d -r1.182 -r1.183
--- Overview.html	25 Dec 2011 01:10:58 -0000	1.182
+++ Overview.html	25 Dec 2011 01:30:17 -0000	1.183
@@ -3451,6 +3451,12 @@
   <h3 id=exclusions-based-on-images><span class=secno>13.4. </span>Exclusions
    based on images</h3>
 
+  <p>Exclusions are often based on shapes found in images. In this
+   specification, the background image carries the shape, around which text
+   is wrapped. The new property &lsquo;<code
+   class=property>background-exclude-level</code>&rsquo; indicates a level in
+   the alpha channel of the background image(s) that defines the shape.
+
   <div class=example>
    <p>Here is an example that uses the background of the multicol element as
     a template for exclusions. <img src=car1.jpg>
@@ -3460,7 +3466,7 @@
   padding: 4em;
   columns: 15em;
   background: url(nicecar.jpg);
-  background-exclude: 0.5;
+  background-exclude-level: 0.5;
 }  
 article h1 { column-span: all } /* Bonneville Speedway */
 </pre>
@@ -3490,13 +3496,17 @@
   background: repeat-y url(zigzag.png);
   background-exclude-level: 0.5;
 }
-
+article h1 {
+  column-span: all;
+}
 </pre>
   </div>
 
   <h3 id=exclusions-based-on-shapes><span class=secno>13.5. </span>Exclusions
    based on shapes</h3>
 
+  <p class=issue>Is this needed?
+
   <div class=example> <img src=heart1.png>
    <pre>
 article::column(1) {
@@ -3581,19 +3591,24 @@
 
   <div class=example> <img alt="sample rendering" src=regions.png>
    <pre>
-  article { columns: 3 }
-  img { column-span: 2; width: 100%; float: top }
-  article::column(1) {    /* selects column 1 */
-    column-span: 2;
-    float: top;
-    visibility: collapse; /* so that column 2 moves in */
-    height: 3em;          /* or something */
-  }  
+article { columns: 3 }
+img { column-span: 2; width: 100%; float: top }
+article::column(1) {    /* selects column 1 */
+  column-span: 2;
+  float: top;
+  visibility: collapse; /* so that column 2 moves in */
+  height: 3em;          /* or something */
+}  
+
+&lt;article>
+  &lt;img ...>
+  &lt;p>...  &lt;p>...  &lt;p>...
+&lt;/article>
 </pre>
   </div>
-
-  <div class=example>
-   <pre>
+  <!--
+<div class=example>
+<pre>
   article { columns: 14em; }
   article::column(1) { 
      position: absolute; 
@@ -3602,7 +3617,8 @@
      ...
   }
 </pre>
-  </div>
+</div>
+-->
 
   <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
    &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h2>
Received on Sunday, 25 December 2011 01:30:24 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:26:08 UTC