[css-ui-3] Rephrase the at-risk section to clarify

Author: frivoal

css-ui/Overview.bs

@@ -31,10 +31,10 @@ Link Defaults: css-writing-modes-3 (dfn) end
 Ignored Terms: outline-top
 Ignored Terms: outline-left
 Ignored Terms: ime-mode
-At Risk: 'caret-color' property
-At Risk: 'text-overflow' property value: <<string>>
-At Risk: 'text-overflow' property 2-value syntax and definition
-At Risk: constraints on 'outline-offset' property negative values
+At Risk: The 'caret-color' property
+At Risk: The <a href="#overflow-string">&lt;string&gt;</a> value of the 'text-overflow' property
+At Risk: The 2-value syntax of the 'text-overflow' property
+At Risk: Constraints on <a href="#negative-offset">negative values</a> of the 'outline-offset' property being expressed with MUST rather than with SHOULD
 </pre>
 
 <pre class="anchors">
@@ -471,7 +471,7 @@ the following rule can be used:
 </code></pre>
 </div>
 
-Negative values must cause the outline
+<p id=negative-offset>Negative values must cause the outline
 to shrink into the border box.
 Both the height and the width of outside of the shape
 drawn by the outline must not become smaller
@@ -482,7 +482,8 @@ User Agents must apply this constraint
 independently in each dimension.
 If the outline is drawn as multiple disconnected shapes,
 this constraint applies to each shape separately.
-Negative value constraints are an at risk feature due to
+
+Note: Negative value constraints are an at risk feature due to
 <a href="https://lists.w3.org/Archives/Public/www-style/2014Dec/0033.html">interoperability problems</a>, and thus might be dropped from a must to a should.
 
 
@@ -656,18 +657,18 @@ or a single word is too long to fit).
 Values have the following meanings:
 
 <dl data-dfn-for="overflow" class="valuedef">
-  <dt><dfn>clip</dfn></dt>
+  <dt id=overflow-clip><dfn>clip</dfn></dt>
     <dd>Clip inline content that overflows its block container element. Characters may be only partially rendered.</dd>
 
-  <dt><dfn>ellipsis</dfn></dt>
+  <dt id=overflow-ellipsis><dfn>ellipsis</dfn></dt>
     <dd>
 Render an ellipsis character (U+2026)
 to represent clipped inline content.
 Implementations may substitute a more language, script, or writing-mode appropriate
 ellipsis character,
 or three dots "..." if the ellipsis character is unavailable.
 </dd>
-<dt><<string>></dt>
+<dt id=overflow-string><<string>></dt>
    <dd>
 Render the given string to represent clipped inline content.
 The given string is treated as an independent paragraph

css-ui/Overview.html

@@ -322,10 +322,10 @@ <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="conten
    <p>The following features are at-risk, and may be dropped during the CR period:
 </p>
    <ul>
-    <li><a class="property" data-link-type="propdesc" href="#propdef-caret-color">caret-color</a> property
-    <li><a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property value: <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value">&lt;string></a>
-    <li><a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property 2-value syntax and definition
-    <li>constraints on <a class="property" data-link-type="propdesc" href="#propdef-outline-offset">outline-offset</a> property negative values
+    <li>The <a class="property" data-link-type="propdesc" href="#propdef-caret-color">caret-color</a> property
+    <li>The <a href="#overflow-string">&lt;string></a> value of the <a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property
+    <li>The 2-value syntax of the <a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property
+    <li>Constraints on <a href="#negative-offset">negative values</a> of the <a class="property" data-link-type="propdesc" href="#propdef-outline-offset">outline-offset</a> property being expressed with MUST rather than with SHOULD
    </ul></div>
 
 
@@ -1469,7 +1469,7 @@ <h3 class="heading settled" data-level="4.5" id="outline-offset"><span class="se
 </div>
 
 
-   <p>Negative values must cause the outline
+   <p id="negative-offset">Negative values must cause the outline
 to shrink into the border box.
 Both the height and the width of outside of the shape
 drawn by the outline must not become smaller
@@ -1480,7 +1480,9 @@ <h3 class="heading settled" data-level="4.5" id="outline-offset"><span class="se
 independently in each dimension.
 If the outline is drawn as multiple disconnected shapes,
 this constraint applies to each shape separately.
-Negative value constraints are an at risk feature due to
+
+</p>
+   <p class="note" role="note">Note: Negative value constraints are an at risk feature due to
 <a href="https://lists.w3.org/Archives/Public/www-style/2014Dec/0033.html">interoperability problems</a>, and thus might be dropped from a must to a should.</p>
 
 
@@ -1689,7 +1691,7 @@ <h3 class="heading settled" data-level="5.2" id="text-overflow"><span class="sec
       <td> [
 clip |
 ellipsis |
-<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value" title="Expands to: ">&lt;string></a>
+<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value">&lt;string></a>
 ]{1,2}
 
 
@@ -1753,12 +1755,12 @@ <h3 class="heading settled" data-level="5.2" id="text-overflow"><span class="sec
 
    <dl class="valuedef">
 
-    <dt><dfn data-dfn-for="overflow" data-dfn-type="dfn" data-noexport="" id="clip">clip<a class="self-link" href="#clip"></a></dfn>
+    <dt id="overflow-clip"><a class="self-link" href="#overflow-clip"></a><dfn data-dfn-for="overflow" data-dfn-type="dfn" data-noexport="" id="clip">clip<a class="self-link" href="#clip"></a></dfn>
 
     <dd>Clip inline content that overflows its block container element. Characters may be only partially rendered.
 
 
-    <dt><dfn data-dfn-for="overflow" data-dfn-type="dfn" data-noexport="" id="ellipsis">ellipsis<a class="self-link" href="#ellipsis"></a></dfn>
+    <dt id="overflow-ellipsis"><a class="self-link" href="#overflow-ellipsis"></a><dfn data-dfn-for="overflow" data-dfn-type="dfn" data-noexport="" id="ellipsis">ellipsis<a class="self-link" href="#ellipsis"></a></dfn>
 
     <dd>
 Render an ellipsis character (U+2026)
@@ -1768,7 +1770,7 @@ <h3 class="heading settled" data-level="5.2" id="text-overflow"><span class="sec
 or three dots "..." if the ellipsis character is unavailable.
 
 
-    <dt><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value" title="Expands to: ">&lt;string></a>
+    <dt id="overflow-string"><a class="self-link" href="#overflow-string"></a><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value" title="Expands to: ">&lt;string></a>
 
     <dd>
 Render the given string to represent clipped inline content.