- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Sun, 25 Dec 2011 01:30:19 +0000
- To: public-css-commits@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 ‘<code
+ class=property>background-exclude-level</code>’ 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 */
+}
+
+<article>
+ <img ...>
+ <p>... <p>... <p>...
+</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
‘<code class=property>first-page</code>’ pseudo-element</h2>
Received on Sunday, 25 December 2011 01:30:24 UTC