Make line-break rules easier to read

Author: fantasai

css3-text/Overview.html

@@ -29,14 +29,14 @@
 
    <h1>CSS Text Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 August 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a href="http://dev.w3.org/csswg/css3-text/Overview.html">$Date:
-     2011/07/29 21:57:47 $ (CVS $Revision$)</a> <!--
-      <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>
+     2011/07/29 22:05:43 $ (CVS $Revision$)</a> <!--
+      <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>
     -->
 
 
@@ -1314,42 +1314,51 @@ <h3 id=line-break><span class=secno>4.1. </span> Line Breaking Strictness:
   <ul>
    <li>Following breaks be forbidden in &lsquo;<code
     class=css>strict</code>&rsquo; line breaking and allowed in &lsquo;<code
-    class=css>normal</code>&rsquo;:
+    class=css>normal</code>&rsquo; and &lsquo;<code
+    class=css>loose</code>&rsquo;:
     <ul>
-     <li>breaks before Japanese small kana
+     <li>breaks before Japanese <a href="#small-kana">small kana</a>
 
-     <li>breaks before the KATAKANA-HIRAGANA PROLONGED SOUND MARK (&#x30FC;
-      U+30FC)
+     <li>breaks before the Katakana-Hiragana prolonged sound mark:
+      &#x30FC;&nbsp;U+30FC
+    </ul>
+    If the language is known to be Chinese or Japanese, then additionally:
+    <ul>
+     <li>breaks before before hyphens:<br>
+      &#x2010;&nbsp;U+2010, &#x2013;&nbsp;U+2013, &#x301C;&nbsp;U+301C,
+      &#x30A0;&nbsp;U+30A0
     </ul>
-    Additionally, if the language is known to be Chinese or Japanese, breaks
-    before hyphens (U+2010, U+2013, U+301C, U+30A0) may be allowed in
-    &lsquo;<code class=css>normal</code>&rsquo;.
 
    <li>Following breaks be forbidden in &lsquo;<code
     class=css>normal</code>&rsquo; and &lsquo;<code
     class=css>strict</code>&rsquo; line breaking and allowed in &lsquo;<code
     class=css>loose</code>&rsquo;:
     <ul>
-     <li>breaks before iteration marks (U+3005, U+303B, U+309D, U+309E,
-      U+30FD, U+30FE)
+     <li>breaks before iteration marks:<br>
+      &#x3005;&nbsp;U+3005, &#x303B;&nbsp;U+303B, &#x309D;&nbsp;U+309D,
+      &#x309E;&nbsp;U+309E, &#x30FD;&nbsp;U+30FD, &#x30FE;&nbsp;U+30FE
 
-     <li>breaks between some inseparable characters (U+2025, U+2026)
+     <li>breaks between some inseparable characters:<br>
+      &#x2025;&nbsp;U+2025, &#x2026;&nbsp;U+2026)
     </ul>
-    If the language is known to be Chinese or Japanese, then additionally the
-    following breaks may be allowed in &lsquo;<code
-    class=css>loose</code>&rsquo;:
+    If the language is known to be Chinese or Japanese, then additionally:
     <ul>
-     <li>breaks before middle dots (U+003A, U+003B, U+30FB, U+FF1A, U+FF1B,
-      U+FF65)
-
-     <li>breaks before dividing punctuation marks (U+0021, U+003F, U+203C,
-      U+2047, U+2048, U+2049, U+FF01, U+FF1F)
-
-     <li>breaks before postfixes (U+0025, U+00A2, U+00B0, U+2030, U+2032,
-      U+2033, U+2103, U+FF05, U+FFE0)
-
-     <li>breaks after prefixes (U+0024, U+00A3, U+00A5, U+20AC, U+2116,
-      U+FF04, U+FFE1, U+FFE5)
+     <li>breaks before certain centered punctuation marks:<br>
+      &#x003A;&nbsp;U+003A, &#x003B;&nbsp;U+003B, &#x30FB;&nbsp;U+30FB,
+      &#xFF1A;&nbsp;U+FF1A, &#xFF1B;&nbsp;U+FF1B, &#xFF65;&nbsp;U+FF65,
+      &#x0021;&nbsp;U+0021, &#x003F;&nbsp;U+003F, &#x203C;&nbsp;U+203C,
+      &#x2047;&nbsp;U+2047, &#x2048;&nbsp;U+2048, &#x2049;&nbsp;U+2049,
+      &#xFF01;&nbsp;U+FF01, &#xFF1F;&nbsp;U+FF1F
+
+     <li>breaks before postfixes:<br>
+      &#x0025;&nbsp;U+0025, &#x00A2;&nbsp;U+00A2, &#x00B0;&nbsp;U+00B0,
+      &#x2030;&nbsp;U+2030, &#x2032;&nbsp;U+2032, &#x2033;&nbsp;U+2033,
+      &#x2103;&nbsp;U+2103, &#xFF05;&nbsp;U+FF05, &#xFFE0;&nbsp;U+FFE0
+
+     <li>breaks after prefixes:<br>
+      &#x0024;&nbsp;U+0024, &#x00A3;&nbsp;U+00A3, &#x00A5;&nbsp;U+00A5,
+      &#x20AC;&nbsp;U+20AC, &#x2116;&nbsp;U+2116, &#xFF04;&nbsp;U+FF04,
+      &#xFFE1;&nbsp;U+FFE1, &#xFFE5;&nbsp;U+FFE5
     </ul>
   </ul>
 
@@ -5988,7 +5997,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
 
    <tbody>
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hanging-punctuation0">hanging-punctuation</a>
 
      <td>none | [ first || [ force-end | allow-end ] ]
@@ -6004,7 +6013,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hyphenate-character0">hyphenate-character</a>
 
      <td>auto | &lt;string>
@@ -6020,7 +6029,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hyphenate-limit-chars">hyphenate-limit-chars</a>
 
      <td>auto | &lt;integer&gt;{1,3}
@@ -6036,7 +6045,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hyphenate-limit-last">hyphenate-limit-last</a>
 
      <td>none | always | column | page | spread
@@ -6052,7 +6061,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hyphenate-limit-lines">hyphenate-limit-lines</a>
 
      <td>no-limit | &lt;integer>
@@ -6068,7 +6077,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#hyphenate-limit-zone">hyphenate-limit-zone</a>
 
      <td>&lt;percentage> | &lt;length>
@@ -6084,7 +6093,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#hyphens0">hyphens</a>
+     <th><a class=property href="#hyphens0">hyphens</a>
 
      <td>none | manual | auto
 
@@ -6099,7 +6108,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#letter-spacing0">letter-spacing</a>
+     <th><a class=property href="#letter-spacing0">letter-spacing</a>
 
      <td>&lt;spacing-limit&gt;{1,3}
 
@@ -6114,7 +6123,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#line-break0">line-break</a>
+     <th><a class=property href="#line-break0">line-break</a>
 
      <td>auto | loose | normal | strict
 
@@ -6129,7 +6138,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#overflow-wrap0">overflow-wrap</a>
+     <th><a class=property href="#overflow-wrap0">overflow-wrap</a>
 
      <td>normal | [ break-word || hyphenate ]
 
@@ -6144,7 +6153,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#tab-size0">tab-size</a>
+     <th><a class=property href="#tab-size0">tab-size</a>
 
      <td>&lt;integer&gt; | &lt;length&gt;
 
@@ -6159,7 +6168,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-align0">text-align</a>
+     <th><a class=property href="#text-align0">text-align</a>
 
      <td>[ start | &lt;string&gt; ]? [ start | end | left | right | center |
       justify | match-parent ]
@@ -6175,7 +6184,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-align-last0">text-align-last</a>
+     <th><a class=property href="#text-align-last0">text-align-last</a>
 
      <td>auto | start | end | left | right | center | justify
 
@@ -6190,7 +6199,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-decoration0">text-decoration</a>
+     <th><a class=property href="#text-decoration0">text-decoration</a>
 
      <td>&lt;text-decoration-line&gt; || &lt;text-decoration-color&gt; ||
       &lt;text-decoration-style&gt; || blink
@@ -6206,7 +6215,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-decoration-color0">text-decoration-color</a>
 
      <td>&lt;color&gt;
@@ -6222,7 +6231,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-decoration-line0">text-decoration-line</a>
 
      <td>none | [ underline | no-underline | replace-underline ] || [
@@ -6240,7 +6249,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-decoration-skip0">text-decoration-skip</a>
 
      <td>none | [ objects || spaces || ink || edges ]
@@ -6256,7 +6265,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-decoration-style0">text-decoration-style</a>
 
      <td>solid | double | dotted | dashed | wavy
@@ -6272,7 +6281,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-emphasis0">text-emphasis</a>
+     <th><a class=property href="#text-emphasis0">text-emphasis</a>
 
      <td>&lsquo;&lt;text-emphasis-style&gt;&rsquo; ||
       &lsquo;&lt;text-emphasis-color&gt;&rsquo;
@@ -6288,7 +6297,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-emphasis-color0">text-emphasis-color</a>
 
      <td>&lt;color&gt;
@@ -6304,7 +6313,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-emphasis-position0">text-emphasis-position</a>
 
      <td>[ above | below ] && [ right | left ]
@@ -6320,7 +6329,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-emphasis-skip0">text-emphasis-skip</a>
+     <th><a class=property href="#text-emphasis-skip0">text-emphasis-skip</a>
 
      <td>spaces || punctuation || symbols || narrow
 
@@ -6335,7 +6344,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-emphasis-style0">text-emphasis-style</a>
 
      <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
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-indent0">text-indent</a>
+     <th><a class=property href="#text-indent0">text-indent</a>
 
      <td>[ &lt;length&gt; | &lt;percentage&gt; ] && [ hanging || each-line ]?
 
@@ -6367,7 +6376,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-justify0">text-justify</a>
+     <th><a class=property href="#text-justify0">text-justify</a>
 
      <td>auto | none | inter-word | inter-ideograph | inter-cluster |
       distribute | kashida
@@ -6383,7 +6392,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-shadow0">text-shadow</a>
+     <th><a class=property href="#text-shadow0">text-shadow</a>
 
      <td>none | [&lt;shadow&gt;, ] * &lt;shadow&gt;
 
@@ -6398,7 +6407,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-space-collapse">text-space-collapse</a>
 
      <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
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-spacing">text-spacing</a>
+     <th><a class=property href="#text-spacing">text-spacing</a>
 
      <td>normal | none | [ trim-start | space-start ] || [ trim-end |
       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
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-transform0">text-transform</a>
+     <th><a class=property href="#text-transform0">text-transform</a>
 
      <td>none | [ [ capitalize | uppercase | lowercase ] || full-width ||
       full-size-kana ]
@@ -6448,7 +6457,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#text-underline-position0">text-underline-position</a>
 
      <td>auto | alphabetic | below left | below right
@@ -6464,7 +6473,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#text-wrap0">text-wrap</a>
+     <th><a class=property href="#text-wrap0">text-wrap</a>
 
      <td>normal | none | avoid
 
@@ -6479,7 +6488,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#white-space0">white-space</a>
+     <th><a class=property href="#white-space0">white-space</a>
 
      <td>normal | pre | nowrap | pre-wrap | pre-line
 
@@ -6494,7 +6503,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#word-break0">word-break</a>
+     <th><a class=property href="#word-break0">word-break</a>
 
      <td>normal | keep-all | break-all
 
@@ -6509,7 +6518,7 @@ <h2 class=no-num id=appendix-h-full-property-index>Appendix H: Full
      <td>visual
 
     <tr>
-     <td><a class=property href="#word-spacing0">word-spacing</a>
+     <th><a class=property href="#word-spacing0">word-spacing</a>
 
      <td>&lt;spacing-limit&gt; {1,3}