- 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