- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Sun, 25 Dec 2011 01:10:51 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm In directory hutz:/tmp/cvs-serv20199 Modified Files: Overview.src.html Log Message: adding more on background images, selecting columns Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v retrieving revision 1.187 retrieving revision 1.188 diff -u -d -r1.187 -r1.188 --- Overview.src.html 25 Dec 2011 00:44:39 -0000 1.187 +++ Overview.src.html 25 Dec 2011 01:10:49 -0000 1.188 @@ -3027,6 +3027,9 @@ <h3>Exclusions based on images</h3> + + + <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> @@ -3035,7 +3038,7 @@ padding: 4em; columns: 15em; background: url(nicecar.jpg); - background-exclude-threshold: 0.5; + background-exclude: 0.5; } article h1 { column-span: all } /* Bonneville Speedway */ </pre> @@ -3051,12 +3054,29 @@ padding: 4em; columns: 6em; background: url(nicecar.jpg); - background-exclude-threshold: 0.5; + background-exclude-level: 0.5; } article h1 { column-span: all } /* Bonneville Speedway */ </pre> </div> +<p>Background images can be repeated. Therefore exclusions based on images can be repeated. + +<div class=example> + +<img src=exclusions_repeating.jpg> + +<pre> +article { + background: repeat-y url(zigzag.png); + background-exclude-level: 0.5; +} + +</pre> + +</div> + + <h3>Exclusions based on shapes</h3> @@ -3123,23 +3143,30 @@ <h2>Regions</h2> -<p>Regions are stylable boxes into which content can be poured. -Columns are a kind of regions that are automatically generated to +<p>Regions are series of stylable boxes into which content can be +poured. Columns are regions that are automatically generated to contain all the content of the the multicol element. By adding -selectors for columns, columns can be styled and positioned. +selectors for columns, columns can be styled and positioned and +thereby escape the rigid patterns that columns naturally live in. <h3>Selecting columns</h3> <div class=example> <pre> -div.chapter::column(3) /* the third column of the element */ -div.chapter::column(2n) /* all even columns of the element */ -div.chapter::column(3+) /* all even columns of the element */ -div.chapter::column(2,2) /* second column on second page */ -div.chapter::column(*,2) /* all columns on the second page */ +div.chapter::column(3) /* the 3rd column of the element */ +div.chapter::column(2n) /* all even columns of the element */ +div.chapter::column(3+) /* all columns but the 1st and 2nd */ +div.chapter::column(2,2) /* second column on second page */ +div.chapter::column(*,2) /* all columns on the second page */ +div.chapter::column(,2) /* all columns on the second page */ </pre> </div> + +<h3>Turning columns into regions</h3> + +<p>A column that is moved from its natural position into + <p>Columns can be moved <div class=example>
Received on Sunday, 25 December 2011 01:10:52 UTC