[css-text-decor-3] Move the text about position/color/style of decorations to the respective properties. Propose details for how to position decorations, awaiting WG agreement.

Author: tabatkins

css-text-decor-3/Overview.html

@@ -12,11 +12,11 @@
   <meta content="CSS Text Decoration Module Level 3 (CSS3 Text Decoration)"
    name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2012-10-15 name=dcterms.issued>
+  <meta content=2012-10-16 name=dcterms.issued>
   <meta content="Elika J. Etemad" name=dcterms.creator>
   <meta content="Koji Ishii" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2012/WD-css3-text-20121015/"
+  <meta content="http://www.w3.org/TR/2012/WD-css3-text-20121016/"
    name=dcterms.identifier>
   <link href="#contents" rel=contents>
   <link href="#index" rel=index>
@@ -31,7 +31,7 @@
 
    <h1>CSS Text Decoration Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 15 October
+   <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 16 October
     2012</h2>
 
    <dl>
@@ -41,7 +41,7 @@ <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 15 October
   -->
 
     <dd><a
-     href="http://www.w3.org/TR/2012/WD-css3-text-20121015/">http://www.w3.org/TR/2012/WD-css3-text-20121015/</a>
+     href="http://www.w3.org/TR/2012/WD-css3-text-20121016/">http://www.w3.org/TR/2012/WD-css3-text-20121016/</a>
 
     <dt>Latest version:
 
@@ -361,27 +361,6 @@ <h2 id=line-decoration><span class=secno>2. </span> Line Decoration:
    the <a href="#decorating-box"><i>decorating box</i></a> are always
    skipped.
 
-  <p>In determining the position and thickness of text decoration lines, user
-   agents may consider the font sizes and dominant baselines of descendants,
-   but for a given element's decoration must use the same position and
-   thickness throughout each line box. The <a
-   href="#text-decoration-color">color</a> and <a
-   href="#text-decoration-style">line style</a> of decorations must remain
-   the same on all decorations applied by a given element, even if descendant
-   boxes have different color or line style values.
-
-  <div class=example>
-   <p>The following figure shows the averaging for underline:
-
-   <p><img
-    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."
-    height=105 src=underline-averaging.gif width=326>
-
-   <p>In the three fragments of underlined text, the underline is drawn
-    consecutively lower and thicker as the ratio of large text to small text
-    increases.
-  </div>
-
   <p>Relatively positioning a descendant moves all text decorations applied
    to it along with the descendant's text; it does not affect calculation of
    the decoration's initial position on that line. The ‘<code
@@ -510,6 +489,53 @@ <h3 id=text-decoration-line-property><span class=secno>2.1. </span> Text
     rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>.
   </dl>
 
+  <div class=issue>
+   <p> In determining the position and thickness of text decoration lines,
+    user agents should first determine an "ideal" size and position for every
+    decorated fragment on the line, then position the decoration as follows:
+
+   <dl>
+    <dt>overlines (and <i>over</i>-positioned underlines)
+
+    <dd> Position the line with respect to the highest <i>over</i> content
+     edge of the decorated boxes.
+
+    <dt><a href="#alphabetic"><i>alphabetic</i></a> underlines
+
+    <dd> Position the line to an average of the ideal underlines of the
+     decorated boxes, ignoring any boxes with non-initial ‘<code
+     class=property>vertical-align</code>’, but below the lowest alphabetic
+     baseline considered.
+
+    <dt>non-alphabetic underlines (and <i>under</i>-positioned overlines)
+
+    <dd> Position the line with respect to the lowest <i>under</i> content
+     edge of the decorated boxes.
+
+    <dt>line-throughs
+
+    <dd> Position the line to an average of the ideal line-throughs of the
+     decorated boxes, ignoring any boxes with non-initial ‘<code
+     class=property>vertical-align</code>’. However, if this would place a
+     line-through outside the middle third of a decorated box's content box,
+     break the line-through, treating the line-through of that box and its
+     descendants as an independent decoration for the purpose of determining
+     the line's position and thickness.
+   </dl>
+  </div>
+
+  <div class=example>
+   <p>The following figure shows the averaging for underline:
+
+   <p><img
+    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."
+    height=105 src=underline-averaging.gif width=326>
+
+   <p>In the three fragments of underlined text, the underline is drawn
+    consecutively lower and thicker as the ratio of large text to small text
+    increases.
+  </div>
+
   <h3 id=text-decoration-color-property><span class=secno>2.2. </span> Text
    Decoration Color: the ‘<a href="#text-decoration-color"><code
    class=property>text-decoration-color</code></a>’ property</h3>
@@ -564,6 +590,10 @@ <h3 id=text-decoration-color-property><span class=secno>2.2. </span> Text
    href="#text-decoration-line"><code
    class=property>text-decoration-line</code></a>’.
 
+  <p> The color of text decorations must remain the same on all decorations
+   originating from a given element, even if descendant boxes have different
+   specified colors.
+
   <h3 id=text-decoration-style-property><span class=secno>2.3. </span> Text
    Decoration Style: the ‘<a href="#text-decoration-style"><code
    class=property>text-decoration-style</code></a>’ property</h3>
@@ -619,6 +649,10 @@ <h3 id=text-decoration-style-property><span class=secno>2.3. </span> Text
    rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a>. ‘<code
    class=css>wavy</code>’ indicates a wavy line.
 
+  <p> The style of text decorations must remain the same on all decorations
+   originating from a given element, even if descendant boxes have different
+   specified styles.
+
   <h3 id=text-decoration-property><span class=secno>2.4. </span> Text
    Decoration Shorthand: the ‘<a href="#text-decoration"><code
    class=property>text-decoration</code></a>’ property</h3>

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

@@ -196,28 +196,6 @@ <h2 id="line-decoration">
     or requiring that white space be skipped.
     Margins, borders, and padding of the <i>decorating box</i> are always skipped. 
 
-  <p>In determining the position and thickness of text decoration lines,
-    user agents may consider the font sizes and dominant baselines of
-    descendants, but for a given element's decoration must use the same
-    position and thickness throughout each line box. The
-    <a href="#text-decoration-color">color</a> and
-    <a href="#text-decoration-style">line style</a> of decorations must
-    remain the same on all decorations applied by a given element, even
-    if descendant boxes have different color or line style values.</p>
-
-  <div class="example">
-    <p>The following figure shows the averaging for underline:
-    <p><img 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."
-            height="105" src="underline-averaging.gif" width="326">
-    <p>In the three fragments of underlined text, the underline is drawn
-      consecutively lower and thicker as the ratio of large text to small
-      text increases.</p>
-  </div>
-
   <p>Relatively positioning a descendant moves all text decorations
     applied to it along with the descendant's text; it does not affect
     calculation of the decoration's initial position on that line.
@@ -311,6 +289,51 @@ <h3 id="text-decoration-line-property">
         This value is <strong>deprecated</strong> in favor of Animations [[CSS3-ANIMATIONS]].
   </dl>
 
+  <div class='issue'>
+    <p>
+      In determining the position and thickness of text decoration lines,
+      user agents should first determine an "ideal" size and position for every decorated fragment on the line,
+      then position the decoration as follows:
+
+    <dl>
+      <dt>overlines (and <i>over</i>-positioned underlines)
+      <dd>
+        Position the line with respect to the highest <i>over</i> content edge of the decorated boxes.
+
+      <dt><i>alphabetic</i> underlines
+      <dd>
+        Position the line to an average of the ideal underlines of the decorated boxes,
+        ignoring any boxes with non-initial 'vertical-align',
+        but below the lowest alphabetic baseline considered.
+
+      <dt>non-alphabetic underlines (and <i>under</i>-positioned overlines)
+      <dd>
+        Position the line with respect to the lowest <i>under</i> content edge of the decorated boxes.
+
+      <dt>line-throughs
+      <dd>
+        Position the line to an average of the ideal line-throughs of the decorated boxes,
+        ignoring any boxes with non-initial 'vertical-align'.
+        However, if this would place a line-through outside the middle third of a decorated box's content box,
+        break the line-through, 
+        treating the line-through of that box and its descendants as an independent decoration
+        for the purpose of determining the line's position and thickness.
+    </dl>
+  </div>
+
+  <div class="example">
+    <p>The following figure shows the averaging for underline:
+    <p><img 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."
+            height="105" src="underline-averaging.gif" width="326">
+    <p>In the three fragments of underlined text, the underline is drawn
+      consecutively lower and thicker as the ratio of large text to small
+      text increases.</p>
+  </div>
+
 <h3 id="text-decoration-color-property">
 Text Decoration Color: the 'text-decoration-color' property</h3>
 
@@ -346,6 +369,10 @@ <h3 id="text-decoration-color-property">
     overlines, and line-throughs) set on the element with
     'text-decoration-line'.</p>
 
+  <p>
+    The color of text decorations must remain the same on all decorations originating from a given element,
+    even if descendant boxes have different specified colors.
+
 <h3 id="text-decoration-style-property">
 Text Decoration Style: the 'text-decoration-style' property</h3>
 
@@ -383,6 +410,10 @@ <h3 id="text-decoration-style-property">
     <a href="http://www.w3.org/TR/css3-background/#the-border-style">border-style
     properties</a> [[!CSS3BG]]. ''wavy'' indicates a wavy line.</p>
 
+  <p>
+    The style of text decorations must remain the same on all decorations originating from a given element,
+    even if descendant boxes have different specified styles.
+
 <h3 id="text-decoration-property">
 Text Decoration Shorthand: the 'text-decoration' property</h3>