Skip to content

Commit 359c1e1

Browse files
author
kojiishi
committed
[css3-writing-modes] Add 'digits' value back to text-combine-horizontal with an optional integer that defaults to 2.
1 parent 31c8e2b commit 359c1e1

2 files changed

Lines changed: 115 additions & 97 deletions

File tree

‎css3-writing-modes/Overview.html‎

Lines changed: 95 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010
rel=dcterms.rights>
1111
<meta content="CSS Writing Modes Module Level 3" name=dcterms.title>
1212
<meta content=text name=dcterms.type>
13-
<meta content=2012-11-26 name=dcterms.issued>
13+
<meta content=2013-02-07 name=dcterms.issued>
1414
<meta content="Elika J. Etemad" name=dcterms.creator>
1515
<meta content="Koji Ishii" name=dcterms.creator>
1616
<meta content=W3C name=dcterms.publisher>
17-
<meta content="http://www.w3.org/TR/2012/ED-css3-writing-modes-20121126/"
17+
<meta content="http://www.w3.org/TR/2013/ED-css3-writing-modes-20130207/"
1818
name=dcterms.identifier>
1919
<link href="../default.css" rel=stylesheet type="text/css">
2020
<style type="text/css">
@@ -43,16 +43,16 @@
4343

4444
<h1>CSS Writing Modes Module Level 3</h1>
4545

46-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 26 November
47-
2012</h2>
46+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 February
47+
2013</h2>
4848

4949
<dl>
5050
<dt>This version:
5151

5252
<dd><a
5353
href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
5454
<!--
55-
<dd><a href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20121126/">http://www.w3.org/TR/2012/ED-css3-writing-modes-20121126/</a>
55+
<dd><a href="http://www.w3.org/TR/2013/WD-css3-writing-modes-20130207/">http://www.w3.org/TR/2013/ED-css3-writing-modes-20130207/</a>
5656
-->
5757

5858
<dt>Latest version:
@@ -104,13 +104,14 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 26 November
104104
<!--begin-copyright-->
105105
<p class=copyright><a
106106
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
107-
rel=license>Copyright</a> © 2012 <a href="http://www.w3.org/"><abbr
107+
rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr
108108
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
109109
href="http://www.csail.mit.edu/"><abbr
110110
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
111111
href="http://www.ercim.eu/"><abbr
112112
title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
113-
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
113+
<a href="http://www.keio.ac.jp/">Keio</a>, <a
114+
href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a
114115
href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
115116
<a
116117
href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -174,13 +175,9 @@ <h2 class="no-num no-toc" id=status> Status of this document</h2>
174175
href="#text-orientation0"><code
175176
class=property>text-orientation</code></a>’
176177

177-
<li>The ‘<code class=css>digits</code>’, ‘<code
178-
class=css>numeric</code>’, ‘<code class=css>alpha</code>’, ‘<code
179-
class=css>latin</code>’, and ‘<code class=css>alphanumeric</code>’
180-
values of ‘<a href="#text-combine-horizontal0"><code
178+
<li>The ‘<code class=css>digits</code>’ value of ‘<a
179+
href="#text-combine-horizontal0"><code
181180
class=property>text-combine-horizontal</code></a>’.
182-
183-
<li>The ‘<code class=property>text-combine-mode</code>’ property
184181
</ul>
185182

186183
<h2 class="no-num no-toc" id=Contents> Table of Contents</h2>
@@ -3200,7 +3197,7 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
32003197
<tr>
32013198
<th><a href="#values">Value</a>:
32023199

3203-
<td>none | all <!--
3200+
<td>none | all | [ digits &lt;integer>? ] <!--
32043201
| [ [ numeric &lt;integer> | digits &lt;integer> ]
32053202
|| [ alpha &lt;integer> | latin &lt;integer> ]
32063203
|| alphanumeric &lt;integer> ]
@@ -3264,13 +3261,15 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
32643261
For this property, a <dfn>horizontal number</dfn> is any character
32653262
belonging to a Number category (N*) that does not belong to a
32663263
<a href="#script-orientations">vertical script</a>.
3267-
<dt><dfn title="text-combine-horizontal:digits">digits</dfn>
3268-
<dd>Within the element, each sequence of consecutive ASCII digits (U+0030–U+0039)
3269-
that has as many or fewer characters than the integer given is treated
3270-
as if it were in an anonymous inline box with
3271-
''text-combine-horizontal: all''.
3272-
<p class="issue">This definition could replace ''numeric'' as a simplification.
3273-
However, it doesn't handle e.g. roman numerals.
3264+
-->
3265+
3266+
<dt><dfn id=digits title="text-combine-horizontal:digits">digits</dfn>
3267+
3268+
<dd>Within the element, each sequence of consecutive ASCII digits
3269+
(U+0030–U+0039) that has as many or fewer characters than the integer
3270+
given is treated as if it were in an anonymous inline box with ‘<code
3271+
class=css>text-combine-horizontal: all</code>’. When the integer is
3272+
omitted, 2 is used. <!--
32743273
<dt><dfn title="text-combine-horizontal:alpha">alpha</dfn>
32753274
<dd>Within the element, each sequence of consecutive horizontal letters
32763275
that has as many or fewer characters than the integer given is treated
@@ -3316,33 +3315,34 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
33163315
<p>The figure is the result of the rules
33173316

33183317
<pre>
3319-
<!-- -->.tcy { text-combine-horizontal: all; }
3318+
<!-- -->date { text-combine-horizontal: digits 2; }
33203319
</pre>
33213320

33223321
<p>and the following markup:
33233322

33243323
<pre>
3325-
<!-- -->&lt;p&gt;平成&lt;span class="tcy"&gt;20&lt;/span&gt;年
3326-
<!-- -->&lt;span class="tcy"&gt;4&lt;/span&gt;月&lt;span class="tcy"&gt;16&lt;/span&gt;日に&lt;/p&gt;
3324+
<!-- -->&lt;date&gt;平成20年4月16日に&lt;/date&gt;
33273325
</pre>
33283326

33293327
<p>In Japanese, this effect is known as <i lang=ja>tate-chu-yoko</i>.
33303328
</div>
3331-
<!--
3332-
<div class="example">
3333-
<p>The following example shows that applying ''text-combine-horizontal: digits 2''
3334-
to an entire document, rather than to a segment with a known type of
3335-
numeric content, can have unintended consequences:
3336-
<pre>&lt;p>あれは10,000円ですよ！&lt;/p></pre>
3337-
<div class="figure">
3338-
<p><img alt="Rendering of the above markup with 'text-combine-horizontal: digits':
3339-
the first two digits of the number are rendered as tate-chu-yoko
3340-
while the rest of the number is rendered sideways."
3341-
class="example" src="bad-tate-chu-yoko.png">
3342-
<p class="caption">Example of mis-applied <i lang="ja">tate-chu-yoko</i></p>
3343-
</div>
3329+
3330+
<div class=example>
3331+
<p>The following example shows that applying ‘<code
3332+
class=css>text-combine-horizontal: digits 2</code>’ to an entire
3333+
document, rather than to a segment with a known type of numeric content,
3334+
can have unintended consequences:
3335+
3336+
<pre>&lt;p>あれは10,000円ですよ！&lt;/p></pre>
3337+
3338+
<div class=figure>
3339+
<p><img
3340+
alt="Rendering of the above markup with 'text-combine-horizontal: digits': the first two digits of the number are rendered as tate-chu-yoko while the rest of the number is rendered sideways."
3341+
class=example src=bad-tate-chu-yoko.png>
3342+
3343+
<p class=caption>Example of mis-applied <i lang=ja>tate-chu-yoko</i>
3344+
</div>
33443345
</div>
3345-
-->
33463346

33473347
<p>When combining text as for ‘<code class=css>text-combine-horizontal:
33483348
all</code>’, the glyphs of the combined text are stacked horizontally
@@ -3370,38 +3370,46 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
33703370
all Han-based scripts, so would have to appear in any usable ideographic
33713371
font; and its shape is very full in both dimensions, so it would be
33723372
unlikely to be shortened in a proportional font -->
3373-
<!--
3374-
<p>The automatic text combinations are determined before 'text-transform' is
3375-
applied.
3376-
Any CSS fullwidth transformations
3377-
(''text-transform: full-width'' [[CSS3TEXT]] or
3378-
''font-variant-east-asian-width: full-width'' [[CSS3-FONTS]])
3379-
are turned off for combined text of more than one character.
3380-
3381-
<div class="example">
3382-
<p>For example, an author might apply both 'text-transform' and 'text-combine-horizontal'
3383-
to a date set in vertical text.
3384-
<pre>date { text-combine-horizontal: digits 2; text-transform: full-width; }</pre>
3385-
<p>Suppose this style rule is applied to a date such as.
3386-
<pre>&lt;date>2010年2月23日&lt;/date></pre>
3387-
The "2010" is too long to be combined (4 digits), but the "2" and "23" will be affected.
3388-
Since "23" is more than one character, it will not be affected by ''text-transform: full-width''.
3389-
However since the "2" is only one character, it will be transformed to a fullwidth "２".
3390-
Since the "2010" was not combined, its digits, too, will be transformed to fullwidth "２０１０";
3391-
and being fullwidth, they will be typeset upright, giving the following result:
3392-
<pre style="text-align: center">
3393-
２
3394-
０
3395-
１
3396-
０
3397-
年
3398-
２
3399-
月
3400-
23
3401-
日</pre>
3373+
3374+
<p>The automatic text combinations are determined before ‘<code
3375+
class=property>text-transform</code>’ is applied. Any CSS fullwidth
3376+
transformations (‘<code class=css>text-transform: full-width</code>’
3377+
<a href="#CSS3TEXT" rel=biblioentry>[CSS3TEXT]<!--{{CSS3TEXT}}--></a> or
3378+
‘<code class=css>font-variant-east-asian-width: full-width</code>’ <a
3379+
href="#CSS3-FONTS" rel=biblioentry>[CSS3-FONTS]<!--{{CSS3-FONTS}}--></a>)
3380+
are turned off for combined text of more than one character.
3381+
3382+
<div class=example>
3383+
<p>For example, an author might apply both ‘<code
3384+
class=property>text-transform</code>’ and ‘<a
3385+
href="#text-combine-horizontal0"><code
3386+
class=property>text-combine-horizontal</code></a>’ to a date set in
3387+
vertical text.
3388+
3389+
<pre>date { text-combine-horizontal: digits 2; text-transform: full-width; }</pre>
3390+
3391+
<p>Suppose this style rule is applied to a date such as.
3392+
3393+
<pre>&lt;date>2010年2月23日&lt;/date></pre>
3394+
The "2010" is too long to be combined (4 digits), but the "2" and "23"
3395+
will be affected. Since "23" is more than one character, it will not be
3396+
affected by ‘<code class=css>text-transform: full-width</code>’.
3397+
However since the "2" is only one character, it will be transformed to a
3398+
fullwidth "２". Since the "2010" was not combined, its digits, too, will
3399+
be transformed to fullwidth "２０１０"; and being fullwidth, they will
3400+
be typeset upright, giving the following result:
3401+
<pre style="text-align: center">
3402+
<!-- -->２
3403+
<!-- -->０
3404+
<!-- -->１
3405+
<!-- -->０
3406+
<!-- -->年
3407+
<!-- -->２
3408+
<!-- -->月
3409+
<!-- -->23
3410+
<!-- -->日</pre>
34023411
</div>
3403-
-->
3404-
<!--
3412+
<!--
34053413
<h3 id="text-combine-mode">
34063414
Horizontal-in-Vertical Glyph Scaling: the 'text-combine-mode' property</h3>
34073415
@@ -3987,10 +3995,10 @@ <h3 class=no-num id=normative-references> Normative references</h3>
39873995
<dt id=CSS21>[CSS21]
39883996

39893997
<dd>Bert Bos; et al. <a
3990-
href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
3998+
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
39913999
Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
39924000
2011. W3C Recommendation. URL: <a
3993-
href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
4001+
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
39944002
</dd>
39954003
<!---->
39964004

@@ -4065,7 +4073,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
40654073

40664074
<dd>Mark Davis. <a
40674075
href="http://www.unicode.org/reports/tr29/"><cite>Unicode Text
4068-
Segmentation.</cite></a> 24 January 2012. Unicode Standard Annex #29.
4076+
Segmentation.</cite></a> 12 September 2012. Unicode Standard Annex #29.
40694077
URL: <a
40704078
href="http://www.unicode.org/reports/tr29/">http://www.unicode.org/reports/tr29/</a>
40714079
</dd>
@@ -4130,6 +4138,16 @@ <h3 class=no-num id=other-references> Other references</h3>
41304138
</dd>
41314139
<!---->
41324140

4141+
<dt id=CSS3-FONTS>[CSS3-FONTS]
4142+
4143+
<dd>John Daggett. <a
4144+
href="http://www.w3.org/TR/2012/WD-css3-fonts-20121211/"><cite>CSS Fonts
4145+
Module Level 3.</cite></a> 11 December 2012. W3C Working Draft. (Work in
4146+
progress.) URL: <a
4147+
href="http://www.w3.org/TR/2012/WD-css3-fonts-20121211/">http://www.w3.org/TR/2012/WD-css3-fonts-20121211/</a>
4148+
</dd>
4149+
<!---->
4150+
41334151
<dt id=CSS3COLOR>[CSS3COLOR]
41344152

41354153
<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
@@ -4181,9 +4199,10 @@ <h3 class=no-num id=other-references> Other references</h3>
41814199
<dt id=HTML5>[HTML5]
41824200

41834201
<dd>Ian Hickson. <a
4184-
href="http://www.w3.org/TR/2011/WD-html5-20110525/"><cite>HTML5.</cite></a>
4185-
25 May 2011. W3C Working Draft. (Work in progress.) URL: <a
4186-
href="http://www.w3.org/TR/2011/WD-html5-20110525/">http://www.w3.org/TR/2011/WD-html5-20110525/</a>
4202+
href="http://www.w3.org/TR/2012/CR-html5-20121217/"><cite>HTML5.</cite></a>
4203+
17 December 2012. W3C Candidate Recommendation. (Work in progress.) URL:
4204+
<a
4205+
href="http://www.w3.org/TR/2012/CR-html5-20121217/">http://www.w3.org/TR/2012/CR-html5-20121217/</a>
41874206
</dd>
41884207
<!---->
41894208

@@ -4237,7 +4256,7 @@ <h2 class=no-num id=property-index> Property Index</h2>
42374256
<th><a class=property
42384257
href="#text-combine-horizontal0">text-combine-horizontal</a>
42394258

4240-
<td>none | all
4259+
<td>none | all | [ digits &lt;integer>? ]
42414260

42424261
<td>none
42434262

‎css3-writing-modes/Overview.src.html‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -82,9 +82,7 @@ <h2 class="no-num no-toc" id="status">
8282
<p>The following features are at-risk and may be dropped during CR:
8383
<ul>
8484
<li>The ''use-glyph-orientation'' of 'text-orientation'
85-
<li>The ''digits'', ''numeric'', ''alpha'', ''latin'', and ''alphanumeric''
86-
values of 'text-combine-horizontal'.
87-
<li>The 'text-combine-mode' property
85+
<li>The ''digits'' value of 'text-combine-horizontal'.
8886
</ul>
8987

9088
<h2 class="no-num no-toc" id="Contents">
@@ -2386,6 +2384,7 @@ <h3 id="text-combine-horizontal">
23862384
<tr>
23872385
<th><a href="#values">Value</a>:</th>
23882386
<td>none | all
2387+
| [ digits &lt;integer>? ]
23892388
<!--
23902389
| [ [ numeric &lt;integer> | digits &lt;integer> ]
23912390
|| [ alpha &lt;integer> | latin &lt;integer> ]
@@ -2444,13 +2443,14 @@ <h3 id="text-combine-horizontal">
24442443
For this property, a <dfn>horizontal number</dfn> is any character
24452444
belonging to a Number category (N*) that does not belong to a
24462445
<a href="#script-orientations">vertical script</a>.
2446+
-->
24472447
<dt><dfn title="text-combine-horizontal:digits">digits</dfn>
24482448
<dd>Within the element, each sequence of consecutive ASCII digits (U+0030&ndash;U+0039)
24492449
that has as many or fewer characters than the integer given is treated
24502450
as if it were in an anonymous inline box with
24512451
''text-combine-horizontal: all''.
2452-
<p class="issue">This definition could replace ''numeric'' as a simplification.
2453-
However, it doesn't handle e.g. roman numerals.
2452+
When the integer is omitted, 2 is used.
2453+
<!--
24542454
<dt><dfn title="text-combine-horizontal:alpha">alpha</dfn>
24552455
<dd>Within the element, each sequence of consecutive horizontal letters
24562456
that has as many or fewer characters than the integer given is treated
@@ -2491,17 +2491,16 @@ <h3 id="text-combine-horizontal">
24912491

24922492
<p>The figure is the result of the rules</p>
24932493
<pre>
2494-
<!-- -->.tcy { text-combine-horizontal: all; }
2494+
<!-- -->date { text-combine-horizontal: digits 2; }
24952495
</pre>
24962496
<p>and the following markup:</p>
24972497
<pre>
2498-
<!-- -->&lt;p&gt;&#x5E73;&#x6210;&lt;span class="tcy"&gt;20&lt;/span&gt;&#x5E74;
2499-
<!-- -->&lt;span class="tcy"&gt;4&lt;/span&gt;&#x6708;&lt;span class="tcy"&gt;16&lt;/span&gt;&#x65E5;&#x306B;&lt;/p&gt;
2498+
<!-- -->&lt;date&gt;&#x5E73;&#x6210;20&#x5E74;4&#x6708;16&#x65E5;&#x306B;&lt;/date&gt;
25002499
</pre>
25012500

25022501
<p>In Japanese, this effect is known as <i lang="ja">tate-chu-yoko</i>.
25032502
</div>
2504-
<!--
2503+
25052504
<div class="example">
25062505
<p>The following example shows that applying ''text-combine-horizontal: digits 2''
25072506
to an entire document, rather than to a segment with a known type of
@@ -2515,7 +2514,7 @@ <h3 id="text-combine-horizontal">
25152514
<p class="caption">Example of mis-applied <i lang="ja">tate-chu-yoko</i></p>
25162515
</div>
25172516
</div>
2518-
-->
2517+
25192518
<p>When combining text as for ''text-combine-horizontal: all'', the
25202519
glyphs of the combined text are stacked horizontally (without line
25212520
breaks, letter-spacing, etc., but using the specified font settings),
@@ -2542,7 +2541,7 @@ <h3 id="text-combine-horizontal">
25422541
all Han-based scripts, so would have to appear in any usable ideographic
25432542
font; and its shape is very full in both dimensions, so it would be
25442543
unlikely to be shortened in a proportional font -->
2545-
<!--
2544+
25462545
<p>The automatic text combinations are determined before 'text-transform' is
25472546
applied.
25482547
Any CSS fullwidth transformations
@@ -2562,17 +2561,17 @@ <h3 id="text-combine-horizontal">
25622561
Since the "2010" was not combined, its digits, too, will be transformed to fullwidth "２０１０";
25632562
and being fullwidth, they will be typeset upright, giving the following result:
25642563
<pre style="text-align: center">
2565-
２
2566-
０
2567-
１
2568-
０
2569-
年
2570-
２
2571-
月
2572-
23
2573-
日</pre>
2564+
<!-- -->２
2565+
<!-- -->０
2566+
<!-- -->１
2567+
<!-- -->０
2568+
<!-- -->年
2569+
<!-- -->２
2570+
<!-- -->月
2571+
<!-- -->23
2572+
<!-- -->日</pre>
25742573
</div>
2575-
-->
2574+
25762575
<!--
25772576
<h3 id="text-combine-mode">
25782577
Horizontal-in-Vertical Glyph Scaling: the 'text-combine-mode' property</h3>

0 commit comments

Comments
 (0)