[css-text-decor-3] Clarify some definitions of text-decoration-skip.

Author: fantasai

css-text-decor-3/Overview.html

@@ -153,8 +153,7 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
 
   <ul>
    <li>the ‘<a href="#text-decoration-skip"><code
-    class=property>text-decoration-skip</code></a>’ property / ‘<code
-    class=css>ink</code>’ value
+    class=property>text-decoration-skip</code></a>’ property
 
    <li>the <a href="#line-position">line positioning rules</a>
 
@@ -777,14 +776,14 @@ <h3 id=text-decoration-skip-property><span class=secno>2.5. </span> Text
    <dt><dfn id=none0 title="text-decoration-skip:none">‘<code
     class=css>none</code>’</dfn>
 
-   <dd>Skip nothing: text-decoration is drawn for all text content and for
-    inline replaced elements.
+   <dd>Skip nothing: text-decoration is drawn for all text content and across
+    atomic inline-level boxes.
 
    <dt><dfn id=objects title="text-decoration-skip:objects">‘<code
     class=css>objects</code>’</dfn>
 
-   <dd>Skip this element if it is an atomic inline (such as an image or
-    inline-block).
+   <dd>Skip this element (its entire margin box) if it is an atomic inline
+    (such as an image or inline-block).
 
    <dt><dfn id=spaces title="text-decoration-skip:spaces">‘<code
     class=css>spaces</code>’</dfn>
@@ -813,11 +812,20 @@ <h3 id=text-decoration-skip-property><span class=secno>2.5. </span> Text
    <dt><dfn id=edges title="text-decoration-skip:edges">‘<code
     class=css>edges</code>’</dfn>
 
-   <dd>The UA should place the start and end of the line inwards from the
-    content edge of the <i>decorating element</i> so that, e.g. two
-    underlined elements side-by-side do not appear to have a single
-    underline. (This is important in Chinese, where underlining is a form of
-    punctuation.)
+   <dd>The UA should place the start and end of the line inwards slightly
+    (e.g. by half a line thickness) from the content edge of the
+    <i>decorating element</i> so that, e.g. two underlined elements
+    side-by-side do not appear to have a single underline. (This is important
+    in Chinese, where underlining is a form of punctuation.)
+    <div class=figure>
+     <p><img
+      alt="An underline below a series of Chinese characters has a gap between two adjacent underlining elements."
+      src=decoration-skip-edges.png title="text-decoration-skip: edges">
+
+     <p class=caption>‘<code class=css>text-decoration-skip:
+      edges</code>’ for
+      <code>&lt;u>石井&lt;/u>&lt;u>艾俐俐&lt;/u></code>
+    </div>
 
    <dt><dfn id=box-decoration
     title="text-decoration-skip:box-decoration">‘<code
@@ -833,7 +841,8 @@ <h3 id=text-decoration-skip-property><span class=secno>2.5. </span> Text
 
   <p class=note> Note that CSS 2.1 required skipping margins, borders, and
    padding always. In this level, by default only the margins, borders, and
-   padding of the <i>decorating element</i> are skipped.
+   padding of the <i>decorating element</i> are skipped. In the future CSS2.1
+   may be updated to match this new default.
 
   <h3 id=text-underline-position-property><span class=secno>2.6. </span> Text
    Underline Position: the ‘<a href="#text-underline-position"><code

css-text-decor-3/Overview.src.html

@@ -105,7 +105,7 @@ <h2 class="no-num no-toc" id="status">Status of this document</h2>
   <p>The following features are at risk and may be cut from the spec during
     its CR period if there are no (correct) implementations:</p>
     <ul>
-      <li>the 'text-decoration-skip' property / ''ink'' value
+      <li>the 'text-decoration-skip' property
       <li>the <a href="#line-position">line positioning rules</a>
       <li>the ability to place both emphasis marks and ruby above the same base text
     </ul>
@@ -480,10 +480,10 @@ <h3 id="text-decoration-skip-property">
   <dl>
     <dt><dfn title="text-decoration-skip:none">''none''</dfn></dt>
     <dd>Skip nothing: text-decoration is drawn for all text content
-      and for inline replaced elements.</dd>
+      and across atomic inline-level boxes.</dd>
     <dt><dfn title="text-decoration-skip:objects">''objects''</dfn></dt>
-    <dd>Skip this element if it is an atomic inline (such as an
-      image or inline-block).</dd>
+    <dd>Skip this element (its entire margin box) if it is an atomic inline
+      (such as an image or inline-block).
     <dt><dfn title="text-decoration-skip:spaces">''spaces''</dfn></dt>
     <dd>Skip all spacing, i.e. all <i>characters</i> in Unicode general category Z [[UAX44]]
       and all <i>word separator characters</i>,
@@ -501,11 +501,20 @@ <h3 id="text-decoration-skip-property">
         <p class="caption">''text-decoration-skip: ink''</p>
       </div>
     <dt><dfn title="text-decoration-skip:edges">''edges''</dfn></dt>
-    <dd>The UA should place the start and end of the line inwards from
-      the content edge of the <i>decorating element</i> so that, e.g. two
-      underlined elements side-by-side do not appear to have a single
-      underline. (This is important in Chinese, where underlining is a
-      form of punctuation.)</dd>
+    <dd>The UA should place the start and end of the line inwards slightly
+      (e.g. by half a line thickness)
+      from the content edge of the <i>decorating element</i> so that,
+      e.g. two underlined elements side-by-side do not appear to have a single underline.
+      (This is important in Chinese, where underlining is a form of punctuation.)
+      <div class="figure">
+        <p><img title="text-decoration-skip: edges"
+            alt="An underline below a series of Chinese characters has a gap between two adjacent underlining elements."
+            src="decoration-skip-edges.png"
+            >
+        <p class="caption">''text-decoration-skip: edges'' for <code>&lt;u>石井&lt;/u>&lt;u>艾俐俐&lt;/u></code>
+</p>
+      </div>
+
     <dt><dfn title="text-decoration-skip:box-decoration">''box-decoration''</dfn>
     <dd>
       Skip over the box's margin, border, and padding areas.
@@ -519,6 +528,7 @@ <h3 id="text-decoration-skip-property">
   <p class='note'>
     Note that CSS 2.1 required skipping margins, borders, and padding always.
     In this level, by default only the margins, borders, and padding of the <i>decorating element</i> are skipped.
+    In the future CSS2.1 may be updated to match this new default.
 
 <h3 id="text-underline-position-property">
 Text Underline Position: the 'text-underline-position' property</h3>