- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 04 Jun 2011 04:12:03 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes
In directory hutz:/tmp/cvs-serv16412
Modified Files:
Overview.html Overview.src.html
Added Files:
vertical-form.png
Log Message:
Add form control example
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.html,v
retrieving revision 1.154
retrieving revision 1.155
diff -u -d -r1.154 -r1.155
--- Overview.html 4 Jun 2011 03:09:33 -0000 1.154
+++ Overview.html 4 Jun 2011 04:12:01 -0000 1.155
@@ -1158,6 +1158,34 @@
src=vertical-lr.png width=300></p>
</div>
+ <div class=example>
+ <p>In the following example, some form controls are rendered inside a
+ block with ‘<a href="#vertical-rl"><code
+ class=css>vertical-rl</code></a>’ writing mode. The form controls
+ are rendered to match the writing mode.
+
+ <pre>
+<!-- --><style>
+<!-- --> form { writing-mode: vertical-rl; }
+<!-- --></style>
+<!-- -->...
+<!-- --><form style="writing-mode: tb-lr">
+<!-- --><p><label>姓名：<input value="艾俐俐"></label>
+<!-- --><p><label>语文：<select><option>English
+<!-- --> <option>français
+<!-- --> <option>فارسی
+<!-- --> <option> 中文
+<!-- --> <option>日本语</select></label>
+<!-- --></form></pre>
+
+ <p><img alt="Screenshot of vertical layout: the input element is laid
+ lengthwise from top to bottom and its contents rendered in a vertical
+ typographic mode, matching the labels outside it. The drop-down selection
+ control after it slides out to the side (towards the after edge of the
+ block) rather than downward as it would in horizontal writing modes."
+ src=vertical-form.png></p>
+ </div>
+
<h4 id=svg-writing-mode><span class=secno>3.1.1. </span> SVG1.1 ‘<a
href="#writing-mode1"><code class=property>writing-mode</code></a>’
Values</h4>
--- NEW FILE: vertical-form.png ---
(This appears to be a binary file; contents omitted.)
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v
retrieving revision 1.162
retrieving revision 1.163
diff -u -d -r1.162 -r1.163
--- Overview.src.html 4 Jun 2011 03:09:33 -0000 1.162
+++ Overview.src.html 4 Jun 2011 04:12:01 -0000 1.163
@@ -798,6 +798,34 @@
and 3 are arranged side by side from left to right"
src="vertical-lr.png" height="191" width="300" ></p>
</div>
+
+ <div class="example">
+ <p>In the following example, some form controls are rendered inside
+ a block with ''vertical-rl'' writing mode. The form controls are
+ rendered to match the writing mode.
+ <pre>
+<!-- --><style>
+<!-- --> form { writing-mode: vertical-rl; }
+<!-- --></style>
+<!-- -->...
+<!-- --><form style="writing-mode: tb-lr">
+<!-- --><p><label>姓名：<input value="艾俐俐"></label>
+<!-- --><p><label>语文：<select><option>English
+<!-- --> <option>français
+<!-- --> <option>فارسی
+<!-- --> <option> 中文
+<!-- --> <option>日本语</select></label>
+<!-- --></form></pre>
+
+ <p><img alt="Screenshot of vertical layout: the input element is
+ laid lengthwise from top to bottom and its contents
+ rendered in a vertical typographic mode, matching the
+ labels outside it. The drop-down selection control
+ after it slides out to the side (towards the after
+ edge of the block) rather than downward as it would
+ in horizontal writing modes."
+ src="vertical-form.png"></p>
+ </div>
<h4 id="svg-writing-mode">
SVG1.1 'writing-mode' Values</h4>
Received on Saturday, 4 June 2011 04:12:14 UTC