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

csswg/css3-gcpm Overview.src.html,1.190,1.191

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Sun, 25 Dec 2011 02:04:42 +0000
To: public-css-commits@w3.org
Message-Id: <E1RedS6-0006Ew-PQ@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv23972

Modified Files:
	Overview.src.html 
Log Message:
adding example

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v
retrieving revision 1.190
retrieving revision 1.191
diff -u -d -r1.190 -r1.191
--- Overview.src.html	25 Dec 2011 01:45:36 -0000	1.190
+++ Overview.src.html	25 Dec 2011 02:04:40 -0000	1.191
@@ -3192,6 +3192,45 @@
 </pre>
 </div>
 
+
+<div class=example>
+Consider this markup:
+
+<pre>
+&lt;div class=text>
+&lt;div lang=en>
+Some words in English ...
+&lt;/div>
+&lt;div lang=fr>
+Quelques mots en Francaise...
+&lt;/div>
+&lt;/div>
+</pre>
+
+<p>Here is the CSS code to lay these out into two columns with
+different background colors:
+
+<pre>
+div.text {
+  columns: 32em;
+}
+
+div:lang(en) {
+  display: table-cell;
+  color: black; background: white;
+}
+
+div:lang(fr) {
+  display: table-cell;
+  color: white; background: black;
+}
+</pre>
+
+<p>This example shows that use cases that first seem to require regions may be achieved with other methods.
+
+</div>
+
+
 <!--
 <div class=example>
 <pre>
Received on Sunday, 25 December 2011 02:04:46 UTC

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