8000 Swap order of text-decoration-style and text-decoration-color per <ht… · w3c/csswg-drafts@7662b3c · GitHub
Skip to content
/ csswg-drafts Public
< 8000 div id="responsive-meta-container" data-turbo-replace>

Commit 7662b3c

Browse files
fantasaifantasai
committed
Swap order of text-decoration-style and text-decoration-color per <http://lists.w3.org/Archives/Public/www-style/2011Oct/0020.html>
1 parent a4de07d commit 7662b3c

2 files changed

Lines changed: 59 additions & 55 deletions

File tree

‎css3-text/Overview.html‎

Lines changed: 57 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -29,15 +29,14 @@
2929

3030
<h1>CSS Text Level 3</h1>
3131

32-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 September
33-
2011</h2>
32+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 October 2011</h2>
3433

3534
<dl>
3635
<dt>This version:
3736

38-
<dd><a href="http://dev.w3.org/csswg/css3-text/">$Date: 2011/09/14
39-
10:20:14 $ (CVS $Revision$)</a> <!--
40-
<dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20110915/">http://www.w3.org/TR/2011/WD-css3-text-20110915/</a></dd>
37+
<dd><a href="http://dev.w3.org/csswg/css3-text/">$Date: 2011/09/29
38+
21:46:18 $ (CVS $Revision$)</a> <!--
39+
<dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20111004/">http://www.w3.org/TR/2011/WD-css3-text-20111004/</a></dd>
4140
-->
4241

4342

@@ -71,13 +70,13 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 September
7170
<p class=copyright><a
7271
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
7372
rel=license>Copyright</a> &copy; 2011 <a
74-
href="http://www.w3.org/"><acronym title="World Wide Web
75-
Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
76-
href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
77-
of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
78-
title="European Research Consortium for Informatics and
79-
Mathematics">ERCIM</acronym></a>, <a
80-
href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
73+
href="http://www.w3.org/"><acronym
74+
title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
75+
href="http://www.csail.mit.edu/"><acronym
76+
title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
77+
href="http://www.ercim.eu/"><acronym
78+
title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
79+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
8180
href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
8281
<a
8382
href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -996,7 +995,11 @@ <h4 id=egbidiwscollapse><span class=secno>3.3.1. </span> Example of
996995
<p>Consider the following markup fragment, taking special note of spaces
997996
(with varied backgrounds and borders for emphasis and identification):</p>
998997

999-
<pre><code>&lt;ltr&gt;A<span class=egbidiwsaA>&#160;</span>&lt;rtl&gt;<span class=egbidiwsbB>&#160;</span>B<span class=egbidiwsaB>&#160;</span>&lt;/rtl&gt;<span class=egbidiwsbC>&#160;</span>C&lt;/ltr&gt;</code></pre>
998+
<pre><code>&lt;ltr&gt;A<span
999+
class=egbidiwsaA>&#160;</span>&lt;rtl&gt;<span
1000+
class=egbidiwsbB>&#160;</span>B<span
1001+
class=egbidiwsaB>&#160;</span>&lt;/rtl&gt;<span
1002+
class=egbidiwsbC>&#160;</span>C&lt;/ltr&gt;</code></pre>
10001003

10011004
<p>where the <code>&lt;ltr&gt;</code> element represents a left-to-right
10021005
embedding and the <code>&lt;rtl&gt;</code> element represents a
@@ -1021,7 +1024,8 @@ <h4 id=egbidiwscollapse><span class=secno>3.3.1. </span> Example of
10211024
level. This is then ordered according to the Unicode bidirectional
10221025
algorithm, with the end result being:</p>
10231026

1024-
<pre>A<span class=egbidiwsaA>&#160;</span><span class=egbidiwsaB>&#160;</span>BC</pre>
1027+
<pre>A<span class=egbidiwsaA>&#160;</span><span
1028+
class=egbidiwsaB>&#160;</span>BC</pre>
10251029

10261030
<p>Note that there are two spaces between A and B, and none between B and
10271031
C. This is best avoided by putting spaces outside the element instead of
@@ -3191,6 +3195,8 @@ <h3 id=letter-spacing><span class=secno>8.2. </span> Tracking: the
31913195
line. At element boundaries, the letter spacing is given by and rendered
31923196
within the innermost element that <em>contains</em> the boundary.
31933197

3198+
<p class=issue>How are atomic inlines handled wrt letter-spacing?
3199+
31943200
<div class=example>
31953201
<p>For example, given the markup</p>
31963202

@@ -3743,15 +3749,9 @@ <h2 id=edge-effects><span class=secno>9. </span> Edge Effects</h2>
37433749
distinguished by their handling of opening brackets.
37443750

37453751
<div class=figure>
3746-
<p><img alt="The first scheme aligns opening brackets flush with the
3747-
indent edge on the first line and with the start edge of other lines.
3748-
The second scheme gives the opening bracket its full width, so that it
3749-
is effectively indented half an em from the indent edge and from the
3750-
start edge of other lines. The third scheme aligns the opening brackets
3751-
flush with the start edge of lines, but hangs them inside the indent on
3752-
the first line (resulting in an effective half-em indent instead of the
3753-
full em for paragraphs that begin with an opening bracket)." height=360
3754-
src=opening-brackets-at-line-head.png width=646>
3752+
<p><img
3753+
alt="The first scheme aligns opening brackets flush with the indent edge on the first line and with the start edge of other lines. The second scheme gives the opening bracket its full width, so that it is effectively indented half an em from the indent edge and from the start edge of other lines. The third scheme aligns the opening brackets flush with the start edge of lines, but hangs them inside the indent on the first line (resulting in an effective half-em indent instead of the full em for paragraphs that begin with an opening bracket)."
3754+
height=360 src=opening-brackets-at-line-head.png width=646>
37553755

3756< 8096 /code>3756
<p class=caption>Positioning of opening brackets at line head <a
37573757
href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a></p>
@@ -4093,11 +4093,9 @@ <h3 id=line-decoration><span class=secno>10.1. </span> Line Decoration:
40934093
<div class=example>
40944094
<p>The following figure shows the averaging for underline:
40954095

4096-
<p><img alt="In the first rendering of the underlined text '1st a' with
4097-
'st' as a superscript, both the '1st' and the 'a' are rendered in a small
4098-
font. In the second rendering, the 'a' is rendered in a larger font. In
4099-
the third, both '1st' and 'a' are large." height=105
4100-
src=underline-averaging.gif width=326>
4096+
<p><img
4097+
alt="In the first rendering of the underlined text '1st a' with 'st' as a superscript, both the '1st' and the 'a' are rendered in a small font. In the second rendering, the 'a' is rendered in a larger font. In the third, both '1st' and 'a' are large."
4098+
height=105 src=underline-averaging.gif width=326>
41014099

41024100
<p>In the three fragments of underlined text, the underline is drawn
41034101
consecutively lower and thicker as the ratio of large text to small text
@@ -4387,9 +4385,9 @@ <h4 id=text-decoration><span class=secno>10.1.4. </span> Text Decoration
43874385
<td><var><a
43884386
href="#text-decoration-line">&lt;text-decoration-line&gt;</a></var> ||
43894387
<var><a
4390-
href="#text-decoration-color">&lt;text-decoration-color&gt;</a></var>
4391-
|| <var><a
43924388
href="#text-decoration-style">&lt;text-decoration-style&gt;</a></var>
4389+
|| <var><a
4390+
href="#text-decoration-color">&lt;text-decoration-color&gt;</a></var>
43934391
|| blink
43944392

43954393
<tr>
@@ -4454,7 +4452,8 @@ <h4 id=text-decoration><span class=secno>10.1.4. </span> Text Decoration
44544452
<!-- -->:link {
44554453
<!-- --> color: blue;
44564454
<!-- --> text-decoration: underline;
4457-
<!-- --> text-decoration: navy dotted underline; /* <a href="http://www.w3.org/TR/CSS21/syndata.html#ignore">Ignored</a> in CSS1/CSS2 UAs */
4455+
<!-- --> text-decoration: navy dotted underline; /* <a
4456+
href="http://www.w3.org/TR/CSS21/syndata.html#ignore">Ignored</a> in CSS1/CSS2 UAs */
44584457
<!-- -->}
44594458
<!-- --></code></pre>
44604459
</div>
@@ -4846,8 +4845,9 @@ <h4 id=text-emphasis-style><span class=secno>10.2.1. </span> Emphasis Mark
48464845
on the same side, the UA may hide ruby and draw only emphasis marks.
48474846

48484847
<div class=figure>
4849-
<p><img alt="Example of emphasis marks applied to 4 characters, and ruby
4850-
to 2 of them" height=50 src=text-emphasis-ruby.png width=134></p>
4848+
<p><img
4849+
alt="Example of emphasis marks applied to 4 characters, and ruby to 2 of them"
4850+
height=50 src=text-emphasis-ruby.png width=134></p>
48514851

48524852
<p class=caption>Emphasis marks applied to 4 characters, and ruby to 2 of
48534853
them</p>
@@ -5081,15 +5081,17 @@ <h4 id=text-emphasis-position><span class=secno>10.2.4. </span> Emphasis
50815081

50825082
<td>right
50835083

5084-
<td> <img alt="Emphasis marks appear above each emphasized character in
5085-
horizontal Japanese text." height=28 src=text-emphasis-ja.gif
5086-
title="Emphasis (shown in blue for clarity) applied above a fragment
5087-
of Japanese text" width=225>
5088-
5089-
<td rowspan=2> <img alt="Emphasis marks appear on the right of each
5090-
emphasized character in vertical Japanese text." height=89
5091-
src=text-emphasis-v.gif title="Emphasis applied on the right of a
5092-
fragment of Japanese text" width=34>
5084+
<td> <img
5085+
alt="Emphasis marks appear above each emphasized character in horizontal Japanese text."
5086+
height=28 src=text-emphasis-ja.gif
5087+
title="Emphasis (shown in blue for clarity) applied above a fragment of Japanese text"
5088+
width=225>
5089+
5090+
<td rowspan=2> <img
5091+
alt="Emphasis marks appear on the right of each emphasized character in vertical Japanese text."
5092+
height=89 src=text-emphasis-v.gif
5093+
title="Emphasis applied on the right of a fragment of Japanese text"
5094+
width=34>
50935095
</tr>
50945096
<!--
50955097
<tr>
@@ -5106,10 +5108,11 @@ <h4 id=text-emphasis-position><span class=secno>10.2.4. </span> Emphasis
51065108

51075109
<td>right
51085110

5109-
<td> <img alt="Emphasis marks appear below each emphasized character in
5110-
horizontal Simplified Chinese text." height=28
5111-
src=text-emphasis-zh.gif title="Emphasis (shown in blue for clarity)
5112-
applied below a fragment of Chinese text" width=133>
5111+
<td> <img
5112+
alt="Emphasis marks appear below each emphasized character in horizontal Simplified Chinese text."
5113+
height=28 src=text-emphasis-zh.gif
5114+
title="Emphasis (shown in blue for clarity) applied below a fragment of Chinese text"
5115+
width=133>
51135116
</table>
51145117
</div>
51155118

@@ -5489,10 +5492,10 @@ <h3 class=no-num id=normative-ref>Normative references</h3>
54895492
<dt id=CSS21>[CSS21]
54905493

54915494
<dd>Bert Bos; et al. <a
5492-
href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
5495+
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
54935496
Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 7 June
54945497
2011. W3C Recommendation. URL: <a
5495-
href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
5498+
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
54965499
</dd>
54975500
<!---->
54985501

@@ -5518,7 +5521,8 @@ <h3 class=no-num id=normative-ref>Normative references</h3>
55185521

55195522
<dt id=CSS3FONT>[CSS3FONT]
55205523

5521-
<dd>John Daggett. <a
5524+
<dd>&#10087; (please update this reference to CSS3-FONTS, thank 6DC6 s, bye)
5525+
John Daggett. <a
55225526
href="http://www.w3.org/TR/2011/WD-css3-fonts-20110324"><cite>CSS Fonts
55235527
Module Level 3.</cite></a> 24 March 2011. W3C Working Draft. (Work in
55245528
progress.) URL: <a
@@ -5608,9 +5612,9 @@ <h3 class=no-num id=informative-ref>Informative references</h3>
56085612
<dt id=CSS3COLOR>[CSS3COLOR]
56095613

56105614
<dd>Tantek &#199;elik; Chris Lilley; L. David Baron. <a
5611-
href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
5615+
href="http://www.w3.org/TR/2011/REC-css3-color-20110607/"><cite>CSS Color
56125616
Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
5613-
href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
5617+
href="http://www.w3.org/TR/2011/REC-css3-color-20110607/">http://www.w3.org/TR/2011/REC-css3-color-20110607/</a>
56145618
</dd>
56155619
<!---->
56165620

@@ -6573,8 +6577,8 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
65736577
<tr>
65746578
<th><a class=property href="#text-decoration0">text-decoration</a>
65756579

6576-
<td>&lt;text-decoration-line&gt; || &lt;text-decoration-color&gt; ||
6577-
&lt;text-decoration-style&gt; || blink
6580+
<td>&lt;text-decoration-line&gt; || &lt;text-decoration-style&gt; ||
6581+
&lt;text-decoration-color&gt; || blink
65786582

65796583
<td>none
65806584

‎css3-text/Overview.src.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3232,8 +3232,8 @@ <h4 id="text-decoration">
32323232
<tr>
32333233
<th>Value:</th>
32343234
<td><var><a href="#text-decoration-line">&lt;text-decoration-line&gt;</a></var> ||
3235-
<var><a href="#text-decoration-color">&lt;text-decoration-color&gt;</a></var> ||
3236-
<var><a href="#text-decoration-style">&lt;text-decoration-style&gt;</a></var> || blink
3235+
<var><a href="#text-decoration-style">&lt;text-decoration-style&gt;</a></var> ||
3236+
<var><a href="#text-decoration-color">&lt;text-decoration-color&gt;</a></var> || blink
32373237
</td>
32383238
</tr>
32393239
<tr>

0 commit comments

Comments
 (0)