- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 02 Jun 2011 15:17:46 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes In directory hutz:/tmp/cvs-serv24268 Modified Files: Overview.src.html Log Message: Change rotate-* to sideways-* Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v retrieving revision 1.156 retrieving revision 1.157 diff -u -d -r1.156 -r1.157 --- Overview.src.html 2 Jun 2011 02:06:52 -0000 1.156 +++ Overview.src.html 2 Jun 2011 15:17:38 -0000 1.157 @@ -1058,7 +1058,7 @@ The 'text-orientation' property's ''vertical-right'' and ''upright'' values are provided to specify rotation vs. translation of horizontal-only text. - <p class="note">The ''rotate-left'', ''rotate-right'', and ''rotate-normal'' + <p class="note">The ''sideways-left'', ''sideways-right'', and ''sideways'' values of 'text-orientation' are provided for decorative layout effects and to work around limitations in CSS support for bottom-to-top scripts. @@ -1083,7 +1083,7 @@ </tr> <tr> <th>Value:</th> - <td>vertical-right | upright | rotate-right | rotate-left | rotate-normal | auto</td> + <td>vertical-right | upright | sideways-right | sideways-left | sideways | auto</td> </tr> <tr> <th>Initial:</th> @@ -1150,19 +1150,19 @@ This value causes the used value of 'direction' to be ''ltr''. <p>In vertical writing modes, this value puts the element in a <i>vertical typographic mode</i>. - <dt><dfn>rotate-right</dfn></dt> + <dt><dfn>sideways-right</dfn></dt> <dd><p>In vertical writing modes, this causes text to be set as if in a horizontal layout (using horizontal glyph variants and metrics), but rotated 90° clockwise. This value puts the element in a <i>horizontal typographic mode</i>. - <dt><dfn>rotate-left</dfn></dt> + <dt><dfn>sideways-left</dfn></dt> <dd><p>In vertical writing modes, this causes text to be set as if in a horizontal layout (using horizontal glyph variants and metrics), but rotated 90° counter-clockwise. This value puts the element in a <i>horizontal typographic mode</i>. - <p>If set on a non-replaced inline whose parent is not ''rotate-left'', + <p>If set on a non-replaced inline whose parent is not ''sideways-left'', this forces ''isolate'' to be added to the computed value of 'unicode-bidi'. - Layout of text is exactly as for ''rotate-right'' except that the + Layout of text is exactly as for ''sideways-right'' except that the text content and baseline table of each of the element's inline boxes is mirrored around a vertical axis along the center of its content box. The positions of text decorations propagated from an ancestor inline @@ -1170,10 +1170,10 @@ text decorations introduced by the element are positioned using the mirrored baseline table. <p>Similarly, if an inline child of the element has a 'text-orientation' - value other than ''rotate-left'', an analogous transformation is applied. - <dt><dfn>rotate-normal</dfn></dt> - <dd><p>This value is equivalent to ''rotate-right'' in ''vertical-rl'' - writing mode and equivalent to ''rotate-left'' in ''vertical-lr'' + value other than ''sideways-left'', an analogous transformation is applied. + <dt><dfn>sideways</dfn></dt> + <dd><p>This value is equivalent to ''sideways-right'' in ''vertical-rl'' + writing mode and equivalent to ''sideways-left'' in ''vertical-lr'' writing mode. It can be useful when setting horizontal script text vertically in a primarily horizontal-only document. <dt><dfn>auto</dfn></dt> @@ -1194,19 +1194,19 @@ <div class="figure"> <img - alt="text-orientation: vertical-right, upright, rotate-left, and rotate-right" + alt="text-orientation: vertical-right, upright, sideways-left, and sideways-right" src="text-orientation.png" width="305" height="114" > - <p class="caption">text-orientation: vertical-right, upright, rotate-left, and rotate-right + <p class="caption">text-orientation: vertical-right, upright, sideways-left, and sideways-right (writing-mode is vertical-rl)</p> </div> <div class="example"> <p>In the following example, the root element of a horizontal-only document - is set to use ''rotate-normal''. In the rest of the document, the author + is set to use ''sideways''. In the rest of the document, the author can just set 'writing-mode' without worrying about whether the text is ''vertical-rl'' or ''vertical-lr''. <pre> - :root { text-orientation: rotate-normal; } + :root { text-orientation: sideways; } caption { caption-side: left; writing-mode: vertical-lr; } thead th { writing-mode: vertical-lr; } h1.banner { position: absolute; top: 0; right: 0; writing-mode: vertical-rl; } @@ -1344,8 +1344,8 @@ <div class="figure"> <a href="diagrams/line-orient-left.svg" type="image/svg+xml"> <img src="diagrams/line-orient-left.png" class="portrait" - alt="Line orientation with ''text-orientation: rotate-left''"></a> - <p class="caption">Line orientation with ''text-orientation: rotate-left''</p> + alt="Line orientation with ''text-orientation: sideways-left''"></a> + <p class="caption">Line orientation with ''text-orientation: sideways-left''</p> </div> </div> @@ -1437,10 +1437,10 @@ <tr> <th scope="row">'text-orientation'</th> <th colspan="2">—</th> - <th colspan="2">''rotate-left''</th> - <th colspan="2"><abbr title="vertical-right, upright, rotate-right">*right</abbr></th> - <th colspan="2">''rotate-left''</th> - <th colspan="2"><abbr title="vertical-right, upright, rotate-right">*right</abbr></th> + <th colspan="2">''sideways-left''</th> + <th colspan="2"><abbr title="vertical-right, upright, sideways-right">*right</abbr></th> + <th colspan="2">''sideways-left''</th> + <th colspan="2"><abbr title="vertical-right, upright, sideways-right">*right</abbr></th> </tr> <tr> <th scope="row">'direction'</th> @@ -2251,7 +2251,7 @@ because it is a bottom-to-top script, for the purposes of this specification it is treated as left-to-right horizontal. A future version of CSS may define proper handling of bottom-to-top scripts. - Authors can work around this lack of support with the ''rotate-left'' + Authors can work around this lack of support with the ''sideways-left'' value of 'text-orientation'. <h2 id="vertical-typesetting-details" class="no-num">Appendix C:
Received on Thursday, 2 June 2011 15:17:48 UTC