- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 17 Nov 2011 00:09:15 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-text
In directory hutz:/tmp/cvs-serv5910
Modified Files:
Overview.html Overview.src.html
Log Message:
- Reduce duplication between 'letter-spacing' and 'word-spacing' prose
- Fix error in handling single spacing values
- Define percentages as absolute, and relative to glyph width
- Remove percentages from 'letter-spacing'
- Re-add 'last' value ot 'hanging-punctuation'; it's implemented,
and it has an effect for right-aligned text.
- Remove language-dependent aspects of 'text-underline-position: auto'
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-text/Overview.html,v
retrieving revision 1.189
retrieving revision 1.190
diff -u -d -r1.189 -r1.190
--- Overview.html 25 Oct 2011 21:05:30 -0000 1.189
+++ Overview.html 17 Nov 2011 00:09:12 -0000 1.190
@@ -29,15 +29,15 @@
<h1>CSS Text Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 October
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 November
2011</h2>
<dl>
<dt>This version:
- <dd><a href="http://dev.w3.org/csswg/css3-text/">$Date: 2011/10/20
- 06:15:56 $ (CVS $Revision$)</a> <!--
- <dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20111025/">http://www.w3.org/TR/2011/WD-css3-text-20111025/</a></dd>
+ <dd><a href="http://dev.w3.org/csswg/css3-text/">$Date: 2011/10/25
+ 21:05:31 $ (CVS $Revision$)</a> <!--
+ <dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20111117/">http://www.w3.org/TR/2011/WD-css3-text-20111117/</a></dd>
-->
@@ -1662,11 +1662,9 @@
<dd>Words can be broken at appropriate hyphenation points either as
determined by hyphenation characters inside the word or as determined
- automatically by a language-appropriate hyphenation resource (such as
- those provided via ‘<code
- class=css>@hyphenation-resource</code>’). Conditional hyphenation
- characters inside a word, if present, take priority over automatic
- resources when determining hyphenation points within the word.
+ automatically by a language-appropriate hyphenation resource. Conditional
+ hyphenation characters inside a word, if present, take priority over
+ automatic resources when determining hyphenation points within the word.
</dl>
<p>Correct automatic hyphenation requires a hyphenation resource
@@ -3018,51 +3016,71 @@
<h2 id=spacing><span class=secno>8. </span> Spacing</h2>
- <p id=spacing-limit>The next two properties refer to the
- <spacing-limit> value type, which is defined as follows:
+ <p id=spacing-limit>The <dfn
+ id=ltspacing-limitgt><spacing-limit></dfn> value type, which is to
+ represent an optimum, minimum, and maximum for ‘<a
+ href="#word-spacing0"><code class=property>word-spacing</code></a>’
+ and ‘<a href="#letter-spacing0"><code
+ class=property>letter-spacing</code></a>’, is defined as
- <dl>
- <dt><dfn id=ltspacing-limitgt title="<spacing-limit>">‘<code
- class=css><spacing-limit></code>’</dfn>
+ <pre class=prod><dfn
+ id=ltspacing-limit><spacing-limit></dfn> = [ normal | <length> | <percentage>]{1,3}
- <dd> [ normal | <a class=noxref
- href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><span
- class=value-inst-length><length></span></a> | <a class=noxref
- href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><span
- class=value-inst-percentage><percentage></span></a> ]
+ </pre>
+ <p>If three values are specified, they represent the optimum, minimum, and
+ maximum respectively. If only two values are specified, then the first
+ represents both the optimum and the minimum, and the second represents the
+ maximum. If just one value is specified, then it represents the optimum,
+ minimum, and maximum. The values are interpreted as defined below:
+
+ <dl>
<dt><dfn id=normal4 title="<spacing-limit>:normal">‘<code
class=css>normal</code>’</dfn>
<dd>Specifies the normal optimum/minimum/maximum spacing, as defined by
- the current font and/or the user agent. Normal spacing should be
- percentage-based. Normal minimum and maximum spacing must be based on the
- optimum spacing so that the minimum and maximum limits increase and
- decrease with changes to the optimum spacing. Normal minimum and maximum
- spacing may also vary according to some measure of the amount of text on
- a line (e.g. block width divided by font size): larger measures can
- accommodate tighter spacing constraints. Normal optimum/minimum/maximum
- spacing may also vary based on the value of the <a
- href="#text-justify">‘<code
+ the current font and/or the user agent. Normal minimum and maximum
+ spacing must be defined relative to the optimum spacing so that the
+ minimum and maximum limits increase and decrease with changes to the
+ optimum spacing. These limits may also vary according to some measure of
+ the amount of text on a line (e.g. block width divided by font size), as
+ larger measures can accommodate tighter spacing constraints. Normal
+ optimum/minimum/maximum spacing may also vary based on the value of the
+ <a href="#text-justify">‘<code
class=property>text-justify</code>’</a> property, the element's
- language, and other factors. Normal minimum, maximum, and optimal spacing
- between a pair of <a href="#connected-scripts">connected</a> or <a
+ language, and other factors. Normal spacing between a pair of <a
+ href="#connected-scripts">connected</a> or <a
href="#cursive-scripts">cursive</a> characters is always zero.
- <dt><dfn id=ltlengthgt-or-ltpercentagegt
- title="<spacing-limit>:<length>|<percentage>">‘<code
- class=css><a class=noxref
- href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><span
- class=value-inst-length><length></span></a> or <a class=noxref
- href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><span
- class=value-inst-percentage><percentage></span></a></code>’</dfn>
+ <dt><dfn id=ltlengthgt
+ title="<spacing-limit>:<length>">‘<code
+ class=css><length></code>’</dfn>
<dd>Specifies extra spacing <em>in addition to</em> the normal spacing.
- Percentages are with respect to the width of the affected character.
Values may be negative, but there may be implementation-dependent limits.
+
+ <dt><dfn id=ltpercentagegt
+ title="<spacing-limit>:<percentage>">‘<code
+ class=css><percentage></code>’</dfn>
+
+ <dd>Specifies the spacing as a percentage of the affected character. Only
+ valid on ‘<a href="#word-spacing0"><code
+ class=property>word-spacing</code></a>’. Negative values are not
+ allowed.
</dl>
+ <p>In the absence of justification the optimum spacing must be used. The
+ text justification process may alter the spacing from its optimum (see the
+ <a href="#text-justify">‘<code
+ class=property>text-justify</code>’</a> property, above) but must
+ not violate the minimum spacing limit and should also avoid exceeding the
+ maximum.
+
+ <p>If the minimum is more than the maxmimum, then the used maximum is set
+ to the minimum. Likewise for the optimum. If the maximum is less than the
+ optimum, then the used optimum is set to the used maximum.
+
<h3 id=word-spacing><span class=secno>8.1. </span> Word Spacing: the
‘<a href="#word-spacing0"><code
class=property>word-spacing</code></a>’ property</h3>
@@ -3077,7 +3095,7 @@
<tr>
<th>Value:
- <td><a href="#spacing-limit"><spacing-limit></a> {1,3}
+ <td><a href="#spacing-limit"><spacing-limit></a>
<tr>
<th>Initial:
@@ -3097,7 +3115,7 @@
<tr>
<th>Percentages:
- <td>refers to width of space (U+0020) glyph
+ <td>refers to width of the affected glyph
<tr>
<th>Media:
@@ -3112,40 +3130,34 @@
</table>
<p>This property specifies the minimum, maximum, and optimal spacing
- between words. If only one value is specified, then it represents the
- optimal spacing and the minimum and maximum are both ‘<code
- class=property>normal</code>’. If two values are specified, then the
- first represents both the optimal spacing and the minimum spacing, and the
- second represents the maximum spacing. If three values are specified, they
- represent the optimum, minimum, and maximum respectively.
+ between “words”, as follows:
- <p>If the value of the optimum or maximum spacing is less than the value of
- the minimum spacing, then its used value is the minimum spacing. If the
- optimum spacing is greater than the maximum spacing then its used value is
- the maximum spacing. (This substitution occurs after inheritance.)
+ <p>Spacing is applied to each word-separator character left in the text
+ after the <a href="#white-space-rules">white space processing rules</a>
+ have been applied, and should be applied half on each side of the
+ character. <dfn id=word-separator>Word-separator characters</dfn> include
+ the space (U+0020), the no-break space (U+00A0), the Ethiopic word space
+ (U+1361), the Aegean word separators (U+10100,U+10101), the Ugaritic word
+ divider (U+1039F), and the Tibetan tsek (U+0F0B, U+0F0C). If there are no
+ word-separator characters, or if the word-separating character has a zero
+ advance width (such as the zero width space U+200B) then the user agent
+ must not create an additional spacing between words. General punctuation
+ and fixed-width spaces (such as U+3000 and U+2000 through U+200A) are not
+ considered word-separator characters.
- <p>In the absence of justification the optimal spacing must be used. The
- text justification process may alter the spacing from its optimum (see the
- <a href="#text-justify">‘<code
- class=property>text-justify</code>’</a> property, above) but must
- not violate the minimum spacing limit and should also avoid exceeding the
- maximum.
+ <div class=example>
+ <p>The following example will make all the spaces between words in Arabic
+ be rendered as zero-width, and double the width of each space in English:
+
- <p id=word-separator>Spacing is applied to each word-separator character
- left in the text after the <a href="#white-space-rules">white space
- processing rules</a> have been applied and should be applied half on each
- side of the character. <span class=issue>This is correct for Ethiopian and
- doesn't matter for invisible spaces, but is it correct for Tibetan? Most
- publications seem to add space <em>after</em> the tsek mark during
- justification.</span> Word-separator characters include the space
- (U+0020), the no-break space (U+00A0), the Ethiopic word space (U+1361),
- the Aegean word separators (U+10100,U+10101), the Ugaritic word divider
- (U+1039F), and the Tibetan tsek (U+0F0B, U+0F0C). <span class=issue>Is
- this list correct?</span> If there are no word-separator characters, or if
- the word-separating character has a zero advance width (such as the zero
- width space U+200B) then the user agent must not create an additional
- spacing between words. General punctuation and fixed-width spaces (such as
- U+3000 and U+2000 through U+200A) are not considered word-separators.
+ <pre>:lang(ar) { word-spacing: 0%; }
+<!-- -->:lang(en) { word-spacing: 200%; }</pre>
+
+ <p>The following example will <em>add</em> half the the width of the
+ “0” glyph to word spacing character [[CSS3VALUES]]:
+
+ <pre>p { word-spacing: 0.5ch; }</pre>
+ </div>
<h3 id=letter-spacing><span class=secno>8.2. </span> Tracking: the
‘<a href="#letter-spacing0"><code
@@ -3161,7 +3173,7 @@
<tr>
<th>Value:
- <td><a href="#spacing-limit"><spacing-limit></a>{1,3}
+ <td><a href="#spacing-limit"><spacing-limit></a>
<tr>
<th>Initial:
@@ -3181,7 +3193,7 @@
<tr>
<th>Percentages:
- <td>refers to width of space (U+0020) glyph
+ <td>N/A
<tr>
<th>Media:
@@ -3196,31 +3208,17 @@
</table>
<p>This property specifies the minimum, maximum, and optimal spacing
- between <i>characters</i>. If only one value is specified, then it
- represents all three values. If two values are specified, then the first
- represents both the optimal spacing and the minimum spacing, and the
- second represents the maximum spacing. If three values are specified, they
- represent the optimum, minimum, and maximum respectively.
-
- <p>If the value of the optimum or maximum spacing is less than the value of
- the minimum spacing, then its used value is the minimum spacing. If the
- optimum spacing is greater than the maximum spacing then its used value is
- the maximum spacing. (This substitution occurs after inheritance.)
-
- <p>In the absence of justification the optimal spacing must be used. The
- text justification process may alter the spacing from its optimum (see the
- <a href="#text-justify">‘<code
- class=property>text-justify</code>’</a> property, above) but must
- not violate the minimum spacing limit and should also avoid exceeding the
- maximum. Letter-spacing is applied in addition to any word-spacing.
- ‘<code class=property>normal</code>’ optimum letter-spacing is
- typically zero.
+ between <i>characters</i>. Letter-spacing is applied in addition to any
+ word-spacing. ‘<code class=css>normal</code>’ optimum
+ letter-spacing is typically zero.
<p>Letter-spacing must not be applied at the beginning or at the end of a
line. At element boundaries, the letter spacing is given by and rendered
within the innermost element that <em>contains</em> the boundary.
- <p class=issue>How are atomic inlines handled wrt letter-spacing?
+ <p>For the purpose of letter-spacing, each atomic inline (such as an image
+ or inline block) is treated as a single <a
+ href="#character"><i>character</i></a>.
<div class=example>
<p>For example, given the markup</p>
@@ -3878,8 +3876,7 @@
<dd>Gives the amount of the indent as an absolute length.
- <dt>‘<a href="#ltlengthgt-or-ltpercentagegt"><code
- class=css><percentage></code></a>’
+ <dt>‘<code class=css><percentage></code>’
<dd>Gives the amount of the indent as a percentage of the containing
block's logical width.
@@ -3933,7 +3930,7 @@
<tr>
<th>Value:
- <td>none | [ first || [ force-end | allow-end ] ]
+ <td>none | [ first || [ force-end | allow-end ] || last ]
<tr>
<th>Initial:
@@ -3989,6 +3986,13 @@
formatted line</a> of an element hangs. This applies to all characters in
the Unicode categories Ps, Pf, Pi.
+ <dt><dfn id=last title="hanging-punctuation:last">‘<code
+ class=css>last</code>’</dfn>
+
+ <dd>A closing bracket or quote at the start of the <i>last formatted
+ line</i> of an element hangs. This applies to all characters in the
+ Unicode categories Pe, Pf, Pi.
+
<dt><dfn id=force-end title="hanging-punctuation:force-end">‘<code
class=css>force-end</code>’</dfn>
@@ -4014,19 +4018,109 @@
alignment.
<p>Non-zero start and end borders or padding on an inline box are not
- allowed to hang. This can sometimes prevent a hangable punctuation mark
- from hanging: for example, a period at the end of an inline box with end
+ allowed to hang. This can prevent a hangable punctuation mark from
+ hanging: for example, a period at the end of an inline box with end
padding cannot hang outside the end edge of a line.
- <p>Stops and commas allowed to hang include: U+002C COMMA, U+002E FULL
- STOP, U+060C ARABIC COMMA, U+06D4 ARABIC FULL STOP, U+3001 IDEOGRAPHIC
- COMMA, U+3002 IDEOGRAPHIC FULL STOP, U+FF0C FULLWIDTH COMMA, U+FF0E
- FULLWIDTH FULL STOP, U+FE50 SMALL COMMA, U+FE51 SMALL IDEOGRAPHIC COMMA,
- U+FE52 SMALL FULL STOP, U+FF61 HALFWIDTH IDEOGRAPHIC FULL STOP, U+FF64
- HALFWIDTH IDEOGRAPHIC COMMA. The UA may include other characters as
- appropriate.
+ <p><dfn id=stops-and-commas>Stops and commas</dfn> allowed to hang include:
+
- <p class=issue>Should other characters be included?
+ <table class=data>
+ <tbody>
+ <tr>
+ <td>U+002C
+
+ <td>,
+
+ <td>COMMA
+
+ <tr>
+ <td>U+002E
+
+ <td>.
+
+ <td>FULL STOP
+
+ <tr>
+ <td>U+060C
+
+ <td>،
+
+ <td>ARABIC COMMA
+
+ <tr>
+ <td>U+06D4
+
+ <td>۔
+
+ <td>ARABIC FULL STOP
+
+ <tr>
+ <td>U+3001
+
+ <td>、
+
+ <td>IDEOGRAPHIC COMMA
+
+ <tr>
+ <td>U+3002
+
+ <td>。
+
+ <td>IDEOGRAPHIC FULL STOP
+
+ <tr>
+ <td>U+FF0C
+
+ <td>，
+
+ <td>FULLWIDTH COMMA
+
+ <tr>
+ <td>U+FF0E
+
+ <td>．
+
+ <td>FULLWIDTH FULL STOP
+
+ <tr>
+ <td>U+FE50
+
+ <td>﹐
+
+ <td>SMALL COMMA
+
+ <tr>
+ <td>U+FE51
+
+ <td>﹑
+
+ <td>SMALL IDEOGRAPHIC COMMA
+
+ <tr>
+ <td>U+FE52
+
+ <td>﹒
+
+ <td>SMALL FULL STOP
+
+ <tr>
+ <td>U+FF61
+
+ <td>｡
+
+ <td>HALFWIDTH IDEOGRAPHIC FULL STOP
+
+ <tr>
+ <td>U+FF64
+
+ <td>､
+
+ <td>HALFWIDTH IDEOGRAPHIC COMMA
+ </table>
+
+ <p>The UA may include other characters as appropriate. <span
+ class=issue>Should other characters be included?</span>
<p class=note>The CSS Working Group would appreciate if UAs including other
characters would <a href="#status">inform the working group</a> of such
@@ -4635,11 +4729,7 @@
<dt><dfn id=auto2>‘<code class=css>auto</code>’</dfn>
<dd>The user agent may use any algorithm to determine the underline's
- position; however in vertical typographic mode, if the language of the
- element is set to Japanese or Korean (matches <code>:lang(ja)</code> or
- <code>:lang(ko)</code>) the underline must be drawn on the right side of
- the text as described for ‘<code class=css>below
- right</code>’.
+ position.
<p class=note>It is suggested that the underline position be ‘<code
class=css>alphabetic</code>’ unless it crosses either subscripted
(or otherwise lowered) text, or it affects characters from Asian scripts
@@ -4650,18 +4740,18 @@
<dt><dfn id=alphabetic>‘<code
class=css>alphabetic</code>’</dfn>
- <dd>The underline is aligned with the alphabetic baseline. In this case
- the underline is likely to cross some descenders.
+ <dd>The underline is positioned relative to the alphabetic baseline. In
+ this case the underline is likely to cross some descenders.
<dt><dfn id=below-left>‘<code class=css>below
left</code>’</dfn>
- <dd>The underline is aligned with the under edge of the element's content
- box. In this case the underline usually does not cross the descenders.
- (This is sometimes called "accounting" underline.) If the underline
- affects descendants with a lower content edge, the user agent should
- shift the underline down further to the lowest underlined content box
- edge. The user agent may ignore elements with ‘<code
+ <dd>The underline is positioned relative to the under edge of the
+ element's content box. In this case the underline usually does not cross
+ the descenders. (This is sometimes called "accounting" underline.) If the
+ underline affects descendants with a lower content edge, the user agent
+ should shift the underline down further to the lowest underlined content
+ box edge. The user agent may ignore elements with ‘<code
class=css>vertical-align</code>’ values given as lengths,
percentages, ‘<code class=css>top</code>’, or ‘<code
class=css>bottom</code>’ when making this adjustment. (Note that
@@ -5517,20 +5607,20 @@
<dt id=CSS21>[CSS21]
<dd>Bert Bos; et al. <a
- href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
2011. W3C Recommendation. URL: <a
- href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
</dd>
<!---->
<dt id=CSS3-WRITING-MODES>[CSS3-WRITING-MODES]
<dd>Elika J. Etemad; Koji Ishii; Shinyu Murakami. <a
- href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/"><cite>CSS
- Writing Modes Module Level 3.</cite></a> 31 May 2011. W3C Working Draft.
- (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/">http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/</a>
+ href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/"><cite>CSS
+ Writing Modes Module Level 3.</cite></a> 1 September 2011. W3C Working
+ Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/">http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/</a>
</dd>
<!---->
@@ -5548,10 +5638,10 @@
<dd>❧ (please update this reference to CSS3-FONTS, thanks, bye)
John Daggett. <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20110324"><cite>CSS Fonts
- Module Level 3.</cite></a> 24 March 2011. W3C Working Draft. (Work in
+ href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/"><cite>CSS Fonts
+ Module Level 3.</cite></a> 4 October 2011. W3C Working Draft. (Work in
progress.) URL: <a
- href="http://www.w3.org/TR/2011/WD-css3-fonts-20110324">http://www.w3.org/TR/2011/WD-css3-fonts-20110324</a>
+ href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">http://www.w3.org/TR/2011/WD-css3-fonts-20111004/</a>
</dd>
<!---->
@@ -5637,9 +5727,9 @@
<dt id=CSS3COLOR>[CSS3COLOR]
<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
- href="http://www.w3.org/TR/2011/REC-css3-color-20110607/"><cite>CSS Color
+ href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
- href="http://www.w3.org/TR/2011/REC-css3-color-20110607/">http://www.w3.org/TR/2011/REC-css3-color-20110607/</a>
+ href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
</dd>
<!---->
@@ -5695,78 +5785,25 @@
<p>Major changes include:
<ul>
- <li>Renamed ‘<code class=property>bikeshedding</code>’ to
- ‘<a href="#text-space-collapse"><code
- class=property>text-space-collapse</code></a>’.
-
- <li>Removed ‘<code class=property>hyphenate-resource</code>’
- property / ‘<code class=css>@hyphenate-resource</code>’ rule.
-
-
- <li>Merged ‘<code class=property>text-trim</code>’ and
- ‘<code class=property>text-autospace</code>’ into ‘<a
- href="#text-spacing"><code class=property>text-spacing</code></a>’.
-
-
- <li>Renamed ‘<code class=css>fullwidth</code>’ and
- ‘<code class=css>fullsize-kana</code>’ to ‘<code
- class=css>full-width</code>’ and ‘<code
- class=css>full-size-kana</code>’ to match values in ‘<code
- class=property>font-variant-width</code>’. <a href="#CSS3FONT"
- rel=biblioentry>[CSS3FONT]<!--{{!CSS3FONT}}--></a>
-
- <li>Added ‘<code class=css><length></code>’ values to
- ‘<a href="#tab-size0"><code
- class=property>tab-size</code></a>’ (at-risk).
-
- <li>Removed ‘<code class=css>all</code>’ value of ‘<a
- href="#hyphens0"><code class=property>hyphens</code></a>’ property.
-
-
- <li>Renamed ‘<code class=property>word-wrap</code>’ to
- ‘<a href="#overflow-wrap0"><code
- class=property>overflow-wrap</code></a>’.
-
- <li>Changed ‘<a href="#text-decoration-line0"><code
- class=property>text-decoration-line</code></a>’ value syntax for
- cancelling ancestor text decorations.
-
- <li>Removed suggestion to inset decorations from the content box edges in
- favor of an explicit ‘<code class=css>edges</code>’ value for
- ‘<a href="#text-decoration-skip0"><code
- class=property>text-decoration-skip</code></a>’.
+ <li>Change percentage values on ‘<a href="#word-spacing0"><code
+ class=property>word-spacing</code></a>’ to be absolute and to
+ reference the affected glyph (rather than always the space character).
- <li>Added ‘<a href="#text-emphasis-skip0"><code
- class=property>text-emphasis-skip</code></a>’ property.
+ <li>Dropped percentage values from ‘<a href="#letter-spacing0"><code
+ class=property>letter-spacing</code></a>’
- <li>Removed ‘<code class=property>text-outline</code>’
- property.
+ <li>Re-added ‘<code class=css>last</code>’ value to ‘<a
+ href="#hanging-punctuation0"><code
+ class=property>hanging-punctuation</code></a>’; it has an effect on
+ right-aligned text.
</ul>
<p>Significant details updated:
<ul>
- <li>More precise definition of a "character"/grapheme cluster and its
- properties.
-
- <li>Specified order of text operations.
-
- <li>Added more details on case mapping, fullwidth mapping, and small kana
- mapping.
-
- <li>Removed interaction of white space collapsing and ‘<code
- class=property>text-autospace</code>’.
-
- <li>Cleaned up details on ‘<a href="#line-break0"><code
- class=property>line-break</code></a>’.
-
- <li>Significant tweaking to ‘<a href="#text-justify0"><code
- class=property>text-justify</code></a>’ prose to make it clearer
- and more coherent.
-
- <li>Replaced parts of ‘<a href="#text-shadow0"><code
- class=property>text-shadow</code></a>’ description with pointer to
- ‘<code class=property>box-shadow</code>’.
+ <li>Defined how ‘<a href="#letter-spacing0"><code
+ class=property>letter-spacing</code></a>’ affects atomic inlines by
+ treating them as a character.
</ul>
<h2 class=no-num id=default-stylesheet>Appendix D: Default UA Stylesheet</h2>
@@ -6401,7 +6438,7 @@
<th><a class=property
href="#hanging-punctuation0">hanging-punctuation</a>
- <td>none | [ first || [ force-end | allow-end ] ]
+ <td>none | [ first || [ force-end | allow-end ] || last ]
<td>none
@@ -6511,7 +6548,7 @@
<tr>
<th><a class=property href="#letter-spacing0">letter-spacing</a>
- <td><spacing-limit>{1,3}
+ <td><spacing-limit>
<td>normal
@@ -6519,7 +6556,7 @@
<td>yes
- <td>refers to width of space (U+0020) glyph
+ <td>N/A
<td>visual
@@ -6921,7 +6958,7 @@
<tr>
<th><a class=property href="#word-spacing0">word-spacing</a>
- <td><spacing-limit> {1,3}
+ <td><spacing-limit>
<td>normal
@@ -6929,7 +6966,7 @@
<td>yes
- <td>refers to width of space (U+0020) glyph
+ <td>refers to width of the affected glyph
<td>visual
</table>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-text/Overview.src.html,v
retrieving revision 1.287
retrieving revision 1.288
diff -u -d -r1.287 -r1.288
--- Overview.src.html 25 Oct 2011 21:05:31 -0000 1.287
+++ Overview.src.html 17 Nov 2011 00:09:12 -0000 1.288
@@ -1100,7 +1100,7 @@
<dd>Words can be broken at appropriate hyphenation points either as
determined by hyphenation characters inside the word or as
determined automatically by a language-appropriate hyphenation
- resource (such as those provided via ''@hyphenation-resource'').
+ resource.
Conditional hyphenation characters inside a word, if present,
take priority over automatic resources when determining
hyphenation points within the word.
@@ -2144,44 +2144,56 @@
<h2 id="spacing">
Spacing</h2>
- <p id="spacing-limit">The next two properties refer to the <spacing-limit>
- value type, which is defined as follows:</p>
+ <p id="spacing-limit">The <dfn><spacing-limit></dfn> value type,
+ which is to represent an optimum, minimum, and maximum for 'word-spacing'
+ and 'letter-spacing', is defined as
+ <pre class="prod"><dfn><spacing-limit></dfn> = [ normal | <length> | <percentage>]{1,3}
- <dl>
- <dt><dfn title="<spacing-limit>">''<spacing-limit>''</dfn></dt>
- <dd>
- [ normal | <a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><span
- class="value-inst-length"><length></span></a>
- | <a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><span
- class="value-inst-percentage"><percentage></span></a> ]
+ <p>If three values are specified, they represent the optimum, minimum,
+ and maximum respectively.
+ If only two values are specified, then the first represents both the
+ optimum and the minimum, and the second represents the maximum.
+ If just one value is specified, then it represents the optimum,
+ minimum, and maximum. The values are interpreted as defined below:
+
+ <dl>
+ <dt><dfn title="<spacing-limit>:normal">''normal''</dfn></dt>
+ <dd>Specifies the normal optimum/minimum/maximum spacing, as defined
+ by the current font and/or the user agent.
+ Normal minimum and maximum spacing must be defined relative to
+ the optimum spacing so that the minimum and maximum limits
+ increase and decrease with changes to the optimum spacing.
+ These limits may also vary according to some measure of the amount
+ of text on a line (e.g. block width divided by font size), as
+ larger measures can accommodate tighter spacing constraints.
+ Normal optimum/minimum/maximum spacing may also vary based on the
+ value of the <a href="#text-justify">'text-justify'</a> property,
+ the element's language, and other factors.
+ Normal spacing between a pair of
+ <a href="#connected-scripts">connected</a> or
+ <a href="#cursive-scripts">cursive</a>
+ characters is always zero.
</dd>
- <dt><dfn title="<spacing-limit>:normal">''normal''</dfn></dt>
- <dd>Specifies the normal optimum/minimum/maximum spacing, as defined
- by the current font and/or the user agent. Normal spacing should be
- percentage-based. Normal minimum and maximum spacing must be based
- on the optimum spacing so that the minimum and maximum limits
- increase and decrease with changes to the optimum spacing.
- Normal minimum and maximum spacing may also vary according to some
- measure of the amount of text on a line (e.g. block width divided by
- font size): larger measures can accommodate tighter spacing constraints.
- Normal optimum/minimum/maximum spacing may also vary based on the
- value of the <a href="#text-justify">'text-justify'</a> property,
- the element's language, and other factors.
- Normal minimum, maximum, and optimal spacing between a pair of
- <a href="#connected-scripts">connected</a> or
- <a href="#cursive-scripts">cursive</a>
- characters is always zero.
- </dd>
- <dt><dfn title="<spacing-limit>:<length>|<percentage>">''<a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><span
- class="value-inst-length"><length></span></a> or
- <a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><span
- class="value-inst-percentage"><percentage></span></a>''</dfn></dt>
- <dd>Specifies extra spacing <em>in addition to</em> the normal spacing.
- Percentages are with respect to the width of the affected character.
- Values may be negative, but there may be implementation-dependent
- limits.
- </dd>
- </dl>
+ <dt><dfn title="<spacing-limit>:<length>">''<length>''</dfn>
+ <dd>Specifies extra spacing <em>in addition to</em> the normal spacing.
+ Values may be negative, but there may be implementation-dependent
+ limits.
+ </dd>
+ <dt><dfn title="<spacing-limit>:<percentage>">''<percentage>''</dfn>
+ <dd>Specifies the spacing as a percentage of the affected character.
+ Only valid on 'word-spacing'. Negative values are not allowed.
+ </dd>
+ </dl>
+
+ <p>In the absence of justification the optimum spacing must be used.
+ The text justification process may alter the spacing
+ from its optimum (see the <a href="#text-justify">'text-justify'</a>
+ property, above) but must not violate the minimum spacing limit
+ and should also avoid exceeding the maximum.
+
+ <p>If the minimum is more than the maxmimum, then the used maximum is
+ set to the minimum. Likewise for the optimum. If the maximum is less
+ than the optimum, then the used optimum is set to the used maximum.
<h3 id="word-spacing">
Word Spacing: the 'word-spacing' property</h3>
@@ -2194,7 +2206,7 @@
</tr>
<tr>
<th>Value:</th>
- <td><a href="#spacing-limit"><spacing-limit></a> {1,3}
+ <td><a href="#spacing-limit"><spacing-limit></a>
</td>
</tr>
<tr>
@@ -2211,7 +2223,7 @@
</tr>
<tr>
<th>Percentages:</th>
- <td>refers to width of space (U+0020) glyph</td>
+ <td>refers to width of the affected glyph</td>
</tr>
<tr>
<th>Media:</th>
@@ -2225,42 +2237,35 @@
</table>
<p>This property specifies the minimum, maximum, and optimal spacing
- between words. If only one value is specified, then it represents
- the optimal spacing and the minimum and maximum are both 'normal'.
- If two values are specified, then the first represents both the
- optimal spacing and the minimum spacing, and the second represents
- the maximum spacing. If three values are specified, they represent
- the optimum, minimum, and maximum respectively.</p>
-
- <p>If the value of the optimum or maximum spacing is less than the
- value of the minimum spacing, then its used value is the minimum
- spacing. If the optimum spacing is greater than the maximum spacing
- then its used value is the maximum spacing. (This substitution
- occurs after inheritance.)</p>
-
- <p>In the absence of justification the optimal spacing must be used.
- The text justification process may alter the spacing
- from its optimum (see the <a href="#text-justify">'text-justify'</a>
- property, above) but must not violate the minimum spacing limit
- and should also avoid exceeding the maximum.</p>
+ between “words”, as follows:
- <p id="word-separator">Spacing is applied to each word-separator character
+ <p>Spacing is applied to each word-separator character
left in the text after the <a href="#white-space-rules">white space
- processing rules</a> have been applied and should be applied half on
+ processing rules</a> have been applied, and should be applied half on
each side of the character.
- <span class="issue">This is correct for Ethiopian and doesn't matter for invisible spaces, but is it correct for Tibetan? Most publications seem to add space <em>after</em> the tsek mark during justification.</span>
- Word-separator characters include the space (U+0020), the no-break space
- (U+00A0), the Ethiopic word space (U+1361),
+ <dfn id="word-separator">Word-separator characters</dfn> include the
+ space (U+0020), the no-break space (U+00A0), the Ethiopic word space (U+1361),
the Aegean word separators (U+10100,U+10101), the Ugaritic word divider
(U+1039F), and the Tibetan tsek (U+0F0B, U+0F0C).
- <span class="issue">Is this list correct?</span>
If there are no word-separator characters, or if the word-separating
character has a zero advance width (such as the zero width space U+200B)
then the user agent must not create an additional spacing between words.
General punctuation and fixed-width spaces (such as U+3000 and U+2000
- through U+200A) are not considered word-separators.</p>
+ through U+200A) are not considered word-separator characters.</p>
+
+ <div class="example">
+ <p>The following example will make all the spaces between words in Arabic
+ be rendered as zero-width, and double the width of each space in English:
+
+ <pre>:lang(ar) { word-spacing: 0%; }
+<!-- -->:lang(en) { word-spacing: 200%; }</pre>
+
+ <p>The following example will <em>add</em> half the the width of the
+ “0” glyph to word spacing character [[CSS3VALUES]]:
+ <pre>p { word-spacing: 0.5ch; }</pre>
+ </div>
<h3 id="letter-spacing">
Tracking: the 'letter-spacing' property</h3>
@@ -2273,7 +2278,7 @@
</tr>
<tr>
<th>Value:</th>
- <td><a href="#spacing-limit"><spacing-limit></a>{1,3}
+ <td><a href="#spacing-limit"><spacing-limit></a>
</td>
</tr>
<tr>
@@ -2290,7 +2295,7 @@
</tr>
<tr>
<th>Percentages:</th>
- <td>refers to width of space (U+0020) glyph</td>
+ <td>N/A</td>
</tr>
<tr>
<th>Media:</th>
@@ -2299,32 +2304,13 @@
<tr>
<th>Computed value:</th>
<td>as specified, except with <length> values computed to absolute lengths
-
-</td>
</tr>
</tbody>
</table>
<p>This property specifies the minimum, maximum, and optimal spacing
- between <i>characters</i>.
- If only one value is specified, then it represents all three
- values. If two values are specified, then the first represents
- both the optimal spacing and the minimum spacing, and the second
- represents the maximum spacing. If three values are specified,
- they represent the optimum, minimum, and maximum respectively.</p>
-
- <p>If the value of the optimum or maximum spacing is less than the
- value of the minimum spacing, then its used value is the minimum
- spacing. If the optimum spacing is greater than the maximum spacing
- then its used value is the maximum spacing. (This substitution
- occurs after inheritance.)</p>
-
- <p>In the absence of justification the optimal spacing must be used.
- The text justification process may alter the spacing from its
- optimum (see the <a href="#text-justify">'text-justify'</a> property,
- above) but must not violate the minimum spacing limit and should
- also avoid exceeding the maximum. Letter-spacing is applied in
- addition to any word-spacing. 'normal' optimum letter-spacing is
+ between <i>characters</i>. Letter-spacing is applied in
+ addition to any word-spacing. ''normal'' optimum letter-spacing is
typically zero.</p>
<p>Letter-spacing must not be applied at the beginning or at the end
@@ -2332,7 +2318,8 @@
and rendered within the innermost element that <em>contains</em>
the boundary.</p>
- <p class="issue">How are atomic inlines handled wrt letter-spacing?</p>
+ <p>For the purpose of letter-spacing, each atomic inline (such as an
+ image or inline block) is treated as a single <i>character</i>.
<div class="example">
<p>For example, given the markup</p>
@@ -2849,7 +2836,7 @@
</tr>
<tr>
<th>Value:</th>
- <td>none | [ first || [ force-end | allow-end ] ]
+ <td>none | [ first || [ force-end | allow-end ] || last ]
</td>
</tr>
<tr>
@@ -2896,6 +2883,10 @@
<a href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">first
formatted line</a> of an element hangs.
This applies to all characters in the Unicode categories Ps, Pf, Pi.</dd>
+ <dt><dfn title="hanging-punctuation:last">''last''</dfn></dt>
+ <dd>A closing bracket or quote at the start of the
+ <i>last formatted line</i> of an element hangs.
+ This applies to all characters in the Unicode categories Pe, Pf, Pi.</dd>
<dt><dfn title="hanging-punctuation:force-end">''force-end''</dfn></dt>
<dd>A stop or comma at the end of a line hangs.</dd>
<dt><dfn title="hanging-punctuation:allow-end">''allow-end''</dfn></dt>
@@ -2917,26 +2908,28 @@
within the line box for text alignment.
<p>Non-zero start and end borders or padding on an inline box are not
- allowed to hang. This can sometimes prevent a hangable punctuation mark
+ allowed to hang. This can prevent a hangable punctuation mark
from hanging: for example, a period at the end of an inline box with
- end padding cannot hang outside the end edge of a line.</p>
+ end padding cannot hang outside the end edge of a line.
- <p>Stops and commas allowed to hang include:
- U+002C COMMA,
- U+002E FULL STOP,
- U+060C ARABIC COMMA,
- U+06D4 ARABIC FULL STOP,
- U+3001 IDEOGRAPHIC COMMA,
- U+3002 IDEOGRAPHIC FULL STOP,
- U+FF0C FULLWIDTH COMMA,
- U+FF0E FULLWIDTH FULL STOP,
- U+FE50 SMALL COMMA,
- U+FE51 SMALL IDEOGRAPHIC COMMA,
- U+FE52 SMALL FULL STOP,
- U+FF61 HALFWIDTH IDEOGRAPHIC FULL STOP,
- U+FF64 HALFWIDTH IDEOGRAPHIC COMMA.
- The UA may include other characters as appropriate.
- <p class="issue">Should other characters be included?</p>
+ <p><dfn>Stops and commas</dfn> allowed to hang include:
+ <table class="data">
+ <tr><td>U+002C <td>, <td>COMMA
+ <tr><td>U+002E <td>. <td>FULL STOP
+ <tr><td>U+060C <td>، <td>ARABIC COMMA
+ <tr><td>U+06D4 <td>۔ <td>ARABIC FULL STOP
+ <tr><td>U+3001 <td>、 <td>IDEOGRAPHIC COMMA
+ <tr><td>U+3002 <td>。 <td>IDEOGRAPHIC FULL STOP
+ <tr><td>U+FF0C <td>， <td>FULLWIDTH COMMA
+ <tr><td>U+FF0E <td>． <td>FULLWIDTH FULL STOP
+ <tr><td>U+FE50 <td>﹐ <td>SMALL COMMA
+ <tr><td>U+FE51 <td>﹑ <td>SMALL IDEOGRAPHIC COMMA
+ <tr><td>U+FE52 <td>﹒ <td>SMALL FULL STOP
+ <tr><td>U+FF61 <td>｡ <td>HALFWIDTH IDEOGRAPHIC FULL STOP
+ <tr><td>U+FF64 <td>､ <td>HALFWIDTH IDEOGRAPHIC COMMA
+ </table>
+ <p>The UA may include other characters as appropriate.
+ <span class="issue">Should other characters be included?</span>
<p class="note">The CSS Working Group would appreciate if UAs including
other characters would <a href="#status">inform the working group</a>
@@ -3443,11 +3436,7 @@
<dl>
<dt><dfn>''auto''</dfn></dt>
<dd>The user agent may use any algorithm to determine the
- underline's position; however in vertical typographic mode,
- if the language of the element is set to Japanese or Korean
- (matches <code>:lang(ja)</code> or <code>:lang(ko)</code>)
- the underline must be drawn on the right side of the text
- as described for ''below right''.
+ underline's position.
<p class="note">It is suggested that the underline position
be ''alphabetic'' unless it crosses either subscripted (or
otherwise lowered) text, or it affects characters from Asian
@@ -3455,10 +3444,10 @@
underline is too high: in such cases, aligning to the em box
edge as described for ''below left'' is more appropriate.
<dt><dfn>''alphabetic''</dfn></dt>
- <dd>The underline is aligned with the alphabetic baseline. In
+ <dd>The underline is positioned relative to the alphabetic baseline. In
this case the underline is likely to cross some descenders.</dd>
<dt><dfn>''below left''</dfn></dt>
- <dd>The underline is aligned with the under edge of the element's
+ <dd>The underline is positioned relative to the under edge of the element's
content box. In this case the underline usually does not cross
the descenders. (This is sometimes called "accounting" underline.)
If the underline affects descendants with a lower content edge,
@@ -4198,31 +4187,17 @@
<p>Major changes include:</p>
<ul>
- <li>Renamed 'bikeshedding' to 'text-space-collapse'.
- <li>Removed 'hyphenate-resource' property / ''@hyphenate-resource'' rule.
- <li>Merged 'text-trim' and 'text-autospace' into 'text-spacing'.
- <li>Renamed ''fullwidth'' and ''fullsize-kana'' to ''full-width'' and ''full-size-kana'' to match values in 'font-variant-width'. [[!CSS3FONT]]
- <li>Added ''<length>'' values to 'tab-size' (at-risk).
- <li>Removed ''all'' value of 'hyphens' property.
- <li>Renamed 'word-wrap' to 'overflow-wrap'.
- <li>Changed 'text-decoration-line' value syntax for cancelling ancestor
- text decorations.
- <li>Removed suggestion to inset decorations from the content box edges
- in favor of an explicit ''edges'' value for 'text-decoration-skip'.
- <li>Added 'text-emphasis-skip' property.
- <li>Removed 'text-outline' property.
+ <li>Change percentage values on 'word-spacing' to be absolute and to
+ reference the affected glyph (rather than always the space character).
+ <li>Dropped percentage values from 'letter-spacing'
+ <li>Re-added ''last'' value to 'hanging-punctuation'; it has an effect on
+ right-aligned text.
</ul>
<p>Significant details updated:</p>
<ul>
- <li>More precise definition of a "character"/grapheme cluster and its properties.
- <li>Specified order of text operations.
- <li>Added more details on case mapping, fullwidth mapping, and small kana mapping.
- <li>Removed interaction of white space collapsing and 'text-autospace'.
- <li>Cleaned up details on 'line-break'.
- <li>Significant tweaking to 'text-justify' prose to make it clearer and
- more coherent.
- <li>Replaced parts of 'text-shadow' description with pointer to 'box-shadow'.
+ <li>Defined how 'letter-spacing' affects atomic inlines by treating them
+ as a character.
</ul>
<h2 class="no-num" id="default-stylesheet">Appendix D: Default UA Stylesheet</h2>
Received on Thursday, 17 November 2011 00:09:19 UTC