Editorial: above to outside <https://lists.w3.org/Archives/Public/www-style/2015Apr/0289.html>

Author: kojiishi

css-text-decor/Overview.bs

@@ -16,7 +16,7 @@ Editor: Koji Ishii, Invited Expert, kojiishi@gluesoft.co.jp
 Abstract: This module contains the features of CSS relating to text decoration, such as underlines, text shadows, and emphasis marks.
 At Risk: The 'text-decoration-skip' property.
 At Risk: The line positioning rules.
-At Risk: The ability to place both emphasis marks and ruby above the same base text.
+At Risk: The ability to place both emphasis marks and ruby on the same base text.
 Link Defaults: css-color-3 (property) color
 </pre>
 
@@ -1039,7 +1039,7 @@ Emphasis Mark Position: the 'text-emphasis-position' property</h3>
 
   <p>If emphasis marks are applied to characters
     for which ruby is drawn in the same position as the emphasis mark,
-    the emphasis marks are placed above the ruby.
+    the emphasis marks are placed outside the ruby.
 
   <div class="figure">
     <p><img

css-text-decor/Overview.html

@@ -171,7 +171,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="conten
    <ul>
     <li>The <a class="property" data-link-type="propdesc" href="#propdef-text-decoration-skip">text-decoration-skip</a> property.
     <li>The line positioning rules.
-    <li>The ability to place both emphasis marks and ruby above the same base text.
+    <li>The ability to place both emphasis marks and ruby on the same base text.
    </ul></div>
 
 
@@ -378,7 +378,7 @@ <h2 class="heading settled" data-level="2" id="line-decoration"><span class="sec
     rather than with the <i>decorating box</i>.)
 
   </p>
-   <div class="example">
+   <div class="example" id="example-0cf84204"><a class="self-link" href="#example-0cf84204"></a>
 
     <p>In the following style sheet and document fragment:</p>
 
@@ -746,7 +746,7 @@ <h3 class="heading settled" data-level="2.4" id="text-decoration-property"><span
     with CSS Levels 1 and 2.</p>
 
 
-   <div class="example">
+   <div class="example" id="example-496701f7"><a class="self-link" href="#example-496701f7"></a>
 
     <p>The following example underlines unvisited links with a solid blue
     underline in CSS1 and CSS2 UAs and a navy dotted underline in CSS3 UAs.</p>
@@ -985,7 +985,7 @@ <h3 class="heading settled" data-level="2.6" id="text-underline-position-propert
     <a class="css" data-link-type="maybe" href="#underline-under">under</a> is also implied.
 
   </p>
-   <div class="example">
+   <div class="example" id="example-affafc32"><a class="self-link" href="#example-affafc32"></a>
 
     <p>The following example styles modern Chinese, Japanese, and Korean
       texts with the appropriate underline positions in both horizontal
@@ -1053,7 +1053,7 @@ <h3 class="heading settled" data-level="2.6" id="text-underline-position-propert
      </div>
 
 
-     <div class="example">
+     <div class="example" id="example-fc4e6f92"><a class="self-link" href="#example-fc4e6f92"></a>
 
       <p>Because <a class="property" data-link-type="propdesc" href="#propdef-text-underline-position">text-underline-position</a> inherits, and is not reset
           by the <a class="property" data-link-type="propdesc" href="#propdef-text-decoration">text-decoration</a> shorthand, the following example
@@ -1209,7 +1209,7 @@ <h2 class="heading settled" data-level="3" id="emphasis-marks"><span class="secn
    <div class="figure">
 
     <p>
-      <img alt="Example of emphasis in Japanese appearing over the text" class="example" height="28" src="text-emphasis-ja.gif" width="225"></p>
+      <img alt="Example of emphasis in Japanese appearing over the text" class="example" height="28" id="example-d41d8cd9" src="text-emphasis-ja.gif" width="225"><a class="self-link" href="#example-d41d8cd9"></a></p>
 
 
     <p class="caption">Accent emphasis (shown in blue for clarity) applied to Japanese text</p>
@@ -1733,7 +1733,7 @@ <h3 class="heading settled" data-level="3.4" id="text-emphasis-position-property
 
    <p>If emphasis marks are applied to characters
     for which ruby is drawn in the same position as the emphasis mark,
-    the emphasis marks are placed above the ruby.
+    the emphasis marks are placed outside the ruby.
 
   </p>
    <div class="figure">
@@ -1749,7 +1749,7 @@ <h3 class="heading settled" data-level="3.4" id="text-emphasis-position-property
    </div>
 
 
-   <div class="example">
+   <div class="example" id="example-4e7b7b79"><a class="self-link" href="#example-4e7b7b79"></a>
 
     <p>Some editors prefer to hide emphasis marks when they conflict with ruby.
     In HTML, this can be done with the following style rule:
@@ -1797,6 +1797,7 @@ <h2 class="heading settled" data-level="4" id="text-shadow-property"><span class
  | pink
  | slateblue
  | dodgerblue
+ | blueviolet
  | cadetblue
  | lawngreen
  | transparent
@@ -1875,7 +1876,7 @@ <h2 class="heading settled" data-level="4" id="text-shadow-property"><span class
  | coral
  | rosybrown
  | white
- | aliceblue
+ | mediumseagreen
  | lightskyblue
  | mediumblue
  | lightcyan
@@ -1888,9 +1889,9 @@ <h2 class="heading settled" data-level="4" id="text-shadow-property"><span class
  | beige
  | seashell
  | slategray
- | blueviolet
  | orange
  | darkgray
+ | aliceblue
  | goldenrod
  | deepskyblue
  | olivedrab
@@ -1900,7 +1901,6 @@ <h2 class="heading settled" data-level="4" id="text-shadow-property"><span class
  | lightyellow
  | royalblue
  | lightpink
- | mediumseagreen
  | mistyrose
  | palegreen
  | lavenderblush
@@ -2072,7 +2072,7 @@ <h2 class="no-num heading settled" id="default-stylesheet"><span class="content"
       but UA developers are free to ignore or change.
 
     </p>
-   <div class="example">
+   <div class="example" id="example-b07cc538"><a class="self-link" href="#example-b07cc538"></a>
 
     <pre><code>s, strike, del {
   text-decoration: line-through;
@@ -2120,7 +2120,7 @@ <h2 class="no-num heading settled" id="default-stylesheet"><span class="content"
       with <kbd>css-text-decor</kbd> in the subject line.
 
     </p>
-   <div class="example">
+   <div class="example" id="example-2f546026"><a class="self-link" href="#example-2f546026"></a>
 
     <p>
         While <a class="css" data-link-type="propdesc" href="#propdef-text-decoration-line">text-decoration-line: blink</a> can’t be fully reproduced with other existing properties,
@@ -2171,7 +2171,7 @@ <h3 class="no-ref heading settled" id="conventions"><span class="content">
     like this:
 
     </p>
-  <div class="example">
+  <div class="example" id="example-f839f6c8"><a class="self-link" href="#example-f839f6c8"></a>
 
    <p>This is an example of an informative example.</p>