- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 23 May 2011 19:48:56 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes
In directory hutz:/tmp/cvs-serv20840
Modified Files:
Overview.html Overview.src.html
Log Message:
Add diagram of table in vertical flow
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.html,v
retrieving revision 1.135
retrieving revision 1.136
diff -u -d -r1.135 -r1.136
--- Overview.html 23 May 2011 18:12:05 -0000 1.135
+++ Overview.html 23 May 2011 19:48:54 -0000 1.136
@@ -2239,6 +2239,35 @@
href="#end">end</a> sides and applied appropriately.
</ul>
+ <div class=example>
+ <p>For example, in vertical writing modes, table rows are vertical and
+ table columns are horizontal. In a ‘<a href="#vertical-rl"><code
+ class=css>vertical-rl</code></a>’ ‘<a
+ href="#vertical-right"><code class=css>vertical-right</code></a>’
+ ‘<a href="#rtl"><code class=css>rtl</code></a>’ table, the
+ first column would be on the bottom (the start side), and the first row
+ on the right (the before side). The table's ‘<code
+ class=property>margin-left</code>’ and ‘<code
+ class=property>margin-right</code>’ would collapse with margins
+ before (on the left) and after (on the right) the table, respectively,
+ and if the table had ‘<a href="#auto"><code
+ class=css>auto</code></a>’ values for ‘<code
+ class=property>margin-top</code>’ and ‘<code
+ class=property>margin-bottom</code>’ it would be centered
+ vertically within its block flow.
+
+ <div class=figure>
+ <p><a href="diagrams/vertical-table.svg" type="image/svg+xml"> <img
+ alt="Diagram of a vertical-rl vertical-right rtl table in a vertical
+ block formatting context, showing the ordering of rows, cells, and
+ columns as described above." class=example
+ src="diagrams/vertical-table.png"></a>
+
+ <p class=caption>Table in ‘<a href="#vertical-rl"><code
+ class=css>vertical-rl</code></a>’ RTL writing mode</p>
+ </div>
+ </div>
+
<p>For features such as text alignment, floating, and list marker
positioning, that primarily reference the left or right sides of the line
box or its longitudinal parallels and therefore have no top or bottom
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- Overview.src.html 23 May 2011 18:11:55 -0000 1.142
+++ Overview.src.html 23 May 2011 19:48:54 -0000 1.143
@@ -1612,6 +1612,26 @@
<a href="#end">end</a> sides and applied appropriately.</li>
</ul>
+ <div class="example">
+ <p>For example, in vertical writing modes, table rows are vertical and
+ table columns are horizontal. In a ''vertical-rl'' ''vertical-right''
+ ''rtl'' table, the first column would be on the bottom (the start side),
+ and the first row on the right (the before side). The table's 'margin-left'
+ and 'margin-right' would collapse with margins before (on the left) and
+ after (on the right) the table, respectively, and if the table had ''auto''
+ values for 'margin-top' and 'margin-bottom' it would be centered
+ vertically within its block flow.
+ <div class="figure">
+ <p><a href="diagrams/vertical-table.svg" type="image/svg+xml">
+ <img alt="Diagram of a vertical-rl vertical-right rtl table in a
+ vertical block formatting context, showing the ordering of rows,
+ cells, and columns as described above."
+ class="example" src="diagrams/vertical-table.png"></a>
+ <p class="caption">Table in ''vertical-rl'' RTL writing mode</p>
+ </div>
+
+ </div>
+
<p>For features such as text alignment, floating, and list marker positioning,
that primarily reference the left or right sides of the line box or
its longitudinal parallels and therefore have no top or bottom equivalent,
Received on Monday, 23 May 2011 19:48:57 UTC