8000 Make line-break rules easier to read · xfq/csswg-drafts@e789383 · GitHub
Skip to content

Commit e789383

Browse files
fantasaifantasai
committed
Make line-break rules easier to read
1 parent 5e39c1e commit e789383

2 files changed

Lines changed: 100 additions & 75 deletions

File tree

‎css3-text/Overview.html‎

Lines changed: 70 additions & 61 deletions
< 1917 td data-grid-cell-id="diff-4ca6bffbaf0d5a29b667d8a7205f5c014ecffe94e68d4e271d83feca61bcb089-1348-1345-0" data-selected="false" role="gridcell" style="background-color:var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));text-align:center" tabindex="-1" valign="top" class="focusable-grid-cell diff-line-number position-relative left-side">1348
Original file line numberDiff line numberDiff line change
@@ -29,14 +29,14 @@
2929

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

32-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 July 2011</h2>
32+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 August 2011</h2>
3333

3434
<dl>
3535
<dt>This version:
3636

3737
<dd><a href="http://dev.w3.org/csswg/css3-text/Overview.html">$Date:
38-
2011/07/29 21:57:47 $ (CVS $Revision$)</a> <!--
39-
<dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20110729/">http://www.w3.org/TR/2011/WD-css3-text-20110729/</a></dd>
38+
2011/07/29 22:05:43 $ (CVS $Revision$)</a> <!--
39+
<dd><a href="http://www.w3.org/TR/2011/WD-css3-text-20110815/">http://www.w3.org/TR/2011/WD-css3-text-20110815/</a></dd>
4040
-->
4141

4242

@@ -1314,42 +1314,51 @@ <h3 id=line-break><span class=secno>4.1. </span> Line Breaking Strictness:
13141314
<ul>
13151315
<li>Following breaks be forbidden in &lsquo;<code
13161316
class=css>strict</code>&rsquo; line breaking and allowed in &lsquo;<code
1317-
class=css>normal</code>&rsquo;:
1317+
class=css>normal</code>&rsquo; and &lsquo;<code
1318+
class=css>loose</code>&rsquo;:
13181319
<ul>
1319-
<li>breaks before Japanese small kana
1320+
<li>breaks before Japanese <a href="#small-kana">small kana</a>
13201321

1321-
<li>breaks before the KATAKANA-HIRAGANA PROLONGED SOUND MARK (&#x30FC;
1322-
U+30FC)
1322+
<li>breaks before the Katakana-Hiragana prolonged sound mark:
1323+
&#x30FC;&nbsp;U+30FC
1324+
</ul>
1325+
If the language is known to be Chinese or Japanese, then additionally:
1326+
<ul>
1327+
<li>breaks before before hyphens:<br>
1328+
&#x2010;&nbsp;U+2010, &#x2013;&nbsp;U+2013, &#x301C;&nbsp;U+301C,
1329+
&#x30A0;&nbsp;U+30A0
13231330
</ul>
1324-
Additionally, if the language is known to be Chinese or Japanese, breaks
1325-
before hyphens (U+2010, U+2013, U+301C, U+30A0) may be allowed in
1326-
&lsquo;<code class=css>normal</code>&rsquo;.
13271331

13281332
<li>Following breaks be forbidden in &lsquo;<code
13291333
class=css>normal</code>&rsquo; and &lsquo;<code
13301334
class=css>strict</code>&rsquo; line breaking and allowed in &lsquo;<code
13311335
class=css>loose</code>&rsquo;:
13321336
<ul>
1333-
<li>breaks before iteration marks (U+3005, U+303B, U+309D, U+309E,
1334-
U+30FD, U+30FE)
1337+
<li>breaks before iteration marks:<br>
1338+
&#x3005;&nbsp;U+3005, &#x303B;&nbsp;U+303B, &#x309D;&nbsp;U+309D,
1339+
&#x309E;&nbsp;U+309E, &#x30FD;&nbsp;U+30FD, &#x30FE;&nbsp;U+30FE
13351340

1336-
<li>breaks between some inseparable characters (U+2025, U+2026)
1341+
<li>breaks between some inseparable characters:<br>
1342+
&#x2025;&nbsp;U+2025, &#x2026;&nbsp;U+2026)
13371343
</ul>
1338-
If the language is known to be Chinese or Japanese, then additionally the
1339-
following breaks may be allowed in &lsquo;<code
1340-
class=css>loose</code>&rsquo;:
1344+
If the language is known to be Chinese or Japanese, then additionally:
13411345
<ul>
1342-
<li>breaks before middle dots (U+003A, U+003B, U+30FB, U+FF1A, U+FF1B,
1343-
U+FF65)
1344-
1345-
<li>breaks before dividing punctuation marks (U+0021, U+003F, U+203C,
1346-
U+2047, U+2048, U+2049, U+FF01, U+FF1F)
1347-
-
<li>breaks before postfixes (U+0025, U+00A2, U+00B0, U+2030, U+2032,
1349-
U+2033, U+2103, U+FF05, U+FFE0)
1350-
1351-
<li>breaks after prefixes (U+0024, U+00A3, U+00A5, U+20AC, U+2116,
1352-
U+FF04, U+FFE1, U+FFE5)
1346+
<li>breaks before certain centered punctuation marks:<br>
1347+
&#x003A;&nbsp;U+003A, &#x003B;&nbsp;U+003B, &#x30FB;&nbsp;U+30FB,
1348+
&#xFF1A;&nbsp;U+FF1A, &#xFF1B;&nbsp;U+FF1B, &#xFF65;&nbsp;U+FF65,
1349+
&#x0021;&nbsp;U+0021, &#x003F;&nbsp;U+003F, &#x203C;&nbsp;U+203C,
1350+
&#x2047;&nbsp;U+2047, &#x2048;&nbsp;U+2048, &#x2049;&nbsp;U+2049,
1351+
&#xFF01;&nbsp;U+FF01, &#xFF1F;&nbsp;U+FF1F
1352+
1353+
<li>breaks before postfixes:<br>
1354+
&#x0025;&nbsp;U+0025, &#x00A2;&nbsp;U+00A2, &#x00B0;&nbsp;U+00B0,
1355+
&#x2030;&nbsp;U+2030, &#x2032;&nbsp;U+2032, &#x2033;&nbsp;U+2033,
1356+
&#x2103;&nbsp;U+2103, &#xFF05;&nbsp;U+FF05, &#xFFE0;&nbsp;U+FFE0
1357+
1358+
<li>breaks after prefixes:<br>
1359+
&#x0024;&nbsp;U+0024, &#x00A3;&nbsp;U+00A3, &#x00A5;&nbsp;U+00A5,
1360+
&#x20AC;&nbsp;U+20AC, &#x2116;&nbsp;U+2116, &#xFF04;&nbsp;U+FF04,
1361+
&#xFFE1;&nbsp;U+FFE1, &#xFFE5;&nbsp;U+FFE5
13531362
</ul>
13541363
</ul>
13551364

@@ -5988,7 +5997,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
59885997

59895998
<tbody>
59905999
<tr>
5991-
<td><a class=property
6000+
<th><a class=property
59926001
href="#hanging-punctuation0">hanging-punctuation</a>
59936002

59946003
<td>none | [ first || [ force-end | allow-end ] ]
@@ -6004,7 +6013,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60046013
<td>visual
60056014

60066015
<tr>
6007-
<td><a class=property
6016+
<th><a class=property
60086017
href="#hyphenate-character0">hyphenate-character</a>
60096018

60106019
<td>auto | &lt;string>
@@ -6020,7 +6029,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60206029
<td>visual
60216030

60226031
<tr>
6023-
<td><a class=property
6032+
<th><a class=property
60246033
href="#hyphenate-limit-chars">hyphenate-limit-chars</a>
60256034

60266035
<td>auto | &lt;integer&gt;{1,3}
@@ -6036,7 +6045,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60366045
<td>visual
60376046

60386047
<tr>
6039-
<td><a class=property
6048+
<th><a class=property
60406049
href="#hyphenate-limit-last">hyphenate-limit-last</a>
60416050

60426051
<td>none | always | column | page | spread
@@ -6052,7 +6061,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60526061
<td>visual
60536062

60546063
<tr>
6055-
<td><a class=property
6064+
<th><a class=property
60566065
href="#hyphenate-limit-lines">hyphenate-limit-lines</a>
60576066

60586067
<td>no-limit | &lt;integer>
@@ -6068,7 +6077,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60686077
<td>visual
60696078

60706079
<tr>
6071-
<td><a class=property
6080+
<th><a class=property
60726081
href="#hyphenate-limit-zone">hyphenate-limit-zone</a>
60736082

60746083
<td>&lt;percentage> | &lt;length>
@@ -6084,7 +6093,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60846093
<td>visual
60856094

60866095
<tr>
6087-
<td><a class=property href="#hyphens0">hyphens</a>
6096+
<th><a class=property href="#hyphens0">hyphens</a>
60886097

60896098
<td>none | manual | auto
60906099

@@ -6099,7 +6108,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
60996108
<td>visual
61006109

61016110
<tr>
6102-
<td><a class=property href="#letter-spacing0">letter-spacing</a>
6111+
<th><a class=property href="#letter-spacing0">letter-spacing</a>
61036112

61046113
<td>&lt;spacing-limit&gt;{1,3}
61056114

@@ -6114,7 +6123,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61146123
<td>visual
61156124

61166125
<tr>
6117-
<td><a class=property href="#line-break0">line-break</a>
6126+
<th><a class=property href="#line-break0">line-break</a>
61186127

61196128
<td>auto | loose | normal | strict
61206129

@@ -6129,7 +6138,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61296138
<td>visual
61306139

61316140
<tr>
6132-
<td><a class=property href="#overflow-wrap0">overflow-wrap</a>
6141+
<th><a class=property href="#overflow-wrap0">overflow-wrap</a>
61336142

61346143
<td>normal | [ break-word || hyphenate ]
61356144

@@ -6144,7 +6153,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61446153
<td>visual
61456154

61466155
<tr>
6147-
<td><a class=property href="#tab-size0">tab-size</a>
6156+
<th><a class=property href="#tab-size0">tab-size</a>
61486157

61496158
<td>&lt;integer&gt; | &lt;length&gt;
61506159

@@ -6159,7 +6168,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61596168
<td>visual
61606169

61616170
<tr>
6162-
<td><a class=property href="#text-align0">text-align</a>
6171+
<th><a class=property href="#text-align0">text-align</a>
61636172

61646173
<td>[ start | &lt;string&gt; ]? [ start | end | left | right | center |
61656174
justify | match-parent ]
@@ -6175,7 +6184,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61756184
<td>visual
61766185

61776186
<tr>
6178-
<td><a class=property href="#text-align-last0">text-align-last</a>
6187+
<th><a class=property href="#text-align-last0">text-align-last</a>
61796188

61806189
<td>auto | start | end | left | right | center | justify
61816190

@@ -6190,7 +6199,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
61906199
<td>visual
61916200

61926201
<tr>
6193-
<td><a class=property href="#text-decoration0">text-decoration</a>
6202+
<th><a class=property href="#text-decoration0">text-decoration</a>
61946203

61956204
<td>&lt;text-decoration-line&gt; || &lt;text-decoration-color&gt; ||
61966205
&lt;text-decoration-style&gt; || blink
@@ -6206,7 +6215,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62066215
<td>visual
62076216

62086217
<tr>
6209-
<td><a class=property
6218+
<th><a class=property
62106219
href="#text-decoration-color0">text-decoration-color</a>
62116220

62126221
<td>&lt;color&gt;
@@ -6222,7 +6231,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62226231
<td>visual
62236232

62246233
<tr>
6225-
<td><a class=property
6234+
<th><a class=property
62266235
href="#text-decoration-line0">text-decoration-line</a>
62276236

62286237
<td>none | [ underline | no-underline | replace-underline ] || [
@@ -6240,7 +6249,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62406249
<td>visual
62416250

62426251
<tr>
6243-
<td><a class=property
6252+
<th><a class=property
62446253
href="#text-decoration-skip0">text-decoration-skip</a>
62456254

62466255
<td>none | [ objects || spaces || ink || edges ]
@@ -6256,7 +6265,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62566265
<td>visual
62576266

62586267
<tr>
6259-
<td><a class=property
6268+
<th><a class=property
62606269
href="#text-decoration-style0">text-decoration-style</a>
62616270

62626271
<td>solid | double | dotted | dashed | wavy
@@ -6272,7 +6281,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62726281
<td>visual
62736282

62746283
<tr>
6275-
<td><a class=property href="#text-emphasis0">text-emphasis</a>
6284+
<th><a class=property href="#text-emphasis0">text-emphasis</a>
62766285

62776286
<td>&lsquo;&lt;text-emphasis-style&gt;&rsquo; ||
62786287
&lsquo;&lt;text-emphasis-color&gt;&rsquo;
@@ -6288,7 +6297,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
62886297
<td>visual
62896298

62906299
<tr>
6291-
<td><a class=property
6300+
<th><a class=property
62926301
href="#text-emphasis-color0">text-emphasis-color</a>
62936302

62946303
<td>&lt;color&gt;
@@ -6304,7 +6313,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63046313
<td>visual
63056314

63066315
<tr>
6307-
<td><a class=property
6316+
<th><a class=property
63086317
href="#text-emphasis-position0">text-emphasis-position</a>
63096318

63106319
<td>[ above | below ] && [ right | left ]
@@ -6320,7 +6329,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63206329
<td>visual
63216330

63226331
<tr>
6323-
<td><a class=property href="#text-emphasis-skip0">text-emphasis-skip</a>
6332+
<th><a class=property href="#text-emphasis-skip0">text-emphasis-skip</a>
63246333

63256334
<td>spaces || punctuation || symbols || narrow
63266335

@@ -6335,7 +6344,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63356344
<td>visual
63366345

63376346
<tr>
6338-
<td><a class=property
6347+
<th><a class=property
63396348
href="#text-emphasis-style0">text-emphasis-style</a>
63406349

63416350
<td>none | [ [ filled | open ] || [ dot | circle | double-circle |
@@ -6352,7 +6361,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63526361
<td>visual
63536362

63546363
<tr>
6355-
<td><a class=property href="#text-indent0">text-indent</a>
6364+
<th><a class=property href="#text-indent0">text-indent</a>
63566365

63576366
<td>[ &lt;length&gt; | &lt;percentage&gt; ] && [ hanging || each-line ]?
63586367

@@ -6367,7 +6376,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63676376
<td>visual
63686377

63696378
<tr>
6370-
<td><a class=property href="#text-justify0">text-justify</a>
6379+
<th><a class=property href="#text-justify0">text-justify</a>
63716380

63726381
<td>auto | none | inter-word | inter-ideograph | inter-cluster |
63736382
distribute | kashida
@@ -6383,7 +6392,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63836392
<td>visual
63846393

63856394
<tr>
6386-
<td><a class=property href="#text-shadow0">text-shadow</a>
6395+
<th><a class=property href="#text-shadow0">text-shadow</a>
63876396

63886397
<td>none | [&lt;shadow&gt;, ] * &lt;shadow&gt;
63896398

@@ -6398,7 +6407,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
63986407
<td>visual
63996408

64006409
<tr>
6401-
<td><a class=property
6410+
<th><a class=property
64026411
href="#text-space-collapse">text-space-collapse</a>
64036412

64046413
<td>collapse | discard | [ [preserve | preserve-breaks] && [ trim-inner
@@ -6415,7 +6424,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64156424
<td>visual
64166425

64176426
<tr>
6418-
<td><a class=property href="#text-spacing">text-spacing</a>
6427+
<th><a class=property href="#text-spacing">text-spacing</a>
64196428

64206429
<td>normal | none | [ trim-start | space-start ] || [ trim-end |
64216430
space-end | allow-end ] || [ trim-adjacent | space-adjacent ] ||
@@ -6432,7 +6441,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64326441
<td>visual
64336442

64346443
<tr>
6435-
<td><a class=property href="#text-transform0">text-transform</a>
6444+
<th><a class=property href="#text-transform0">text-transform</a>
64366445

64376446
<td>none | [ [ capitalize | uppercase | lowercase ] || full-width ||
64386447
full-size-kana ]
@@ -6448,7 +6457,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64486457
<td>visual
64496458

64506459
<tr>
6451-
<td><a class=property
6460+
<th><a class=property
64526461
href="#text-underline-position0">text-underline-position</a>
64536462

64546463
<td>auto | alphabetic | below left | below right
@@ -6464,7 +6473,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64646473
<td>visual
64656474

64666475
<tr>
6467-
<td><a class=property href="#text-wrap0">text-wrap</a>
6476+
<th><a class=property href="#text-wrap0">text-wrap</a>
64686477

64696478
<td>normal | none | avoid
64706479

@@ -6479,7 +6488,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64796488
<td>visual
64806489

64816490
<tr>
6482-
<td><a class=property href="#white-space0">white-space</a>
6491+
<th><a class=property href="#white-space0">white-space</a>
64836492

64846493
<td>normal | pre | nowrap | pre-wrap | pre-line
64856494

@@ -6494,7 +6503,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
64946503
<td>visual
64956504

64966505
<tr>
6497-
<td><a class=property href="#word-break0">word-break</a>
6506+
<th><a class=property href="#word-break0">word-break</a>
64986507

64996508
<td>normal | keep-all | break-all
65006509

@@ -6509,7 +6518,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
65096518
<td>visual
65106519

65116520
<tr>
6512-
<td><a class=property href="#word-spacing0">word-spacing</a>
6521+
<th><a class=property href="#word-spacing0">word-spacing</a>
65136522

65146523
<td>&lt;spacing-limit&gt; {1,3}
65156524

0 commit comments

Comments
 (0)