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

csswg/css3-gcpm Overview.src.html,1.187,1.188

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Sun, 25 Dec 2011 01:10:51 +0000
To: public-css-commits@w3.org
Message-Id: <E1Recbz-0005GS-Nu@lionel-hutz.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

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