[css-ui-3] Clarify that cursor applies within the border edge

Author: frivoal

css-ui/Overview.bs

@@ -38,6 +38,10 @@ At Risk: 'text-overflow' property 2-value syntax and definition
 At Risk: constraints on 'outline-offset' property negative values
 </pre>
 
+<pre class="anchors">
+urlPrefix: http://www.w3.org/TR/CSS21/box.html#border-edge; type: dfn; spec: CSS21; text: border edge
+</pre>
+
 <!--
 At risk due to only one implementation:
 
@@ -338,7 +342,7 @@ rather than open on some sides
 (as borders on inline elements are when lines are broken).
 
 The parts of the outline are not required to be rectangular.
-To the extent that the outline follows the border edge,
+To the extent that the outline follows the <a>border edge</a>,
 it should follow the 'border-radius' curve.
 
 The position of the outline may be affected by descendant boxes.
@@ -438,8 +442,8 @@ it may well overlap other elements on the page.
 
 <h3 id="outline-offset">'outline-offset' property</h3>
 
-By default, the outline is drawn starting just outside the border edge.
-However, it is possible to offset the outline and draw it beyond the border edge.
+By default, the outline is drawn starting just outside the <a>border edge</a>.
+However, it is possible to offset the outline and draw it beyond the <a>border edge</a>.
 
 <table class="propdef"><tbody>
 <tr><th>Name:</th><td><dfn>outline-offset</dfn></td></tr>
@@ -455,7 +459,7 @@ However, it is possible to offset the outline and draw it beyond the border edge
 
 If the computed value of 'outline-offset'
 is anything other than 0,
-then the outline is outset from the border edge by that amount.
+then the outline is outset from the <a>border edge</a> by that amount.
 
 <div class="example"><p style="display:none">Example(s):
 
@@ -958,9 +962,10 @@ then only the end ellipsis/string should be rendered.
 <tr><th>Animatable:</th><td>no</td></tr>
 </tbody></table>
 
-<!-- got this far reformatting lines -->
 This property specifies the type of cursor to be displayed for the pointing device
-when within the element's border-box.
+when within the element's <a>border edge</a>.
+
+Note: As per [[CSS3-BACKGROUND]], the <a>border edge</a> is affected by 'border-radius'.
 
 User agents may ignore the cursor property over native user-agent controls such as scrollbars, resizers, or other native UI widgets e.g. those that may be used inside some user agent specific implementations of form elements.
 

css-ui/Overview.html

@@ -75,6 +75,8 @@
 
 
 
+
+
   <style>/* http://prismjs.com/download.html?themes=prism&languages=clike */
 /**
  * prism.js default theme for JavaScript, CSS and HTML
@@ -1273,7 +1275,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
 
 
    <p>The parts of the outline are not required to be rectangular.
-To the extent that the outline follows the border edge,
+To the extent that the outline follows the <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a>,
 it should follow the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-radius">border-radius</a> curve.</p>
 
 
@@ -1394,8 +1396,8 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
    <h3 class="heading settled" data-level="4.5" id="outline-offset"><span class="secno">4.5. </span><span class="content"><a class="property" data-link-type="propdesc" href="#propdef-outline-offset">outline-offset</a> property</span><a class="self-link" href="#outline-offset"></a></h3>
 
 
-   <p>By default, the outline is drawn starting just outside the border edge.
-However, it is possible to offset the outline and draw it beyond the border edge.</p>
+   <p>By default, the outline is drawn starting just outside the <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a>.
+However, it is possible to offset the outline and draw it beyond the <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a>.</p>
 
 
    <table class="propdef">
@@ -1450,7 +1452,7 @@ <h3 class="heading settled" data-level="4.5" id="outline-offset"><span class="se
 
    <p>If the computed value of <a class="property" data-link-type="propdesc" href="#propdef-outline-offset">outline-offset</a>
 is anything other than 0,
-then the outline is outset from the border edge by that amount.</p>
+then the outline is outset from the <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a> by that amount.</p>
 
 
    <div class="example" id="example-8c7e0106"><a class="self-link" href="#example-8c7e0106"></a>
@@ -2183,8 +2185,11 @@ <h4 class="heading settled" data-level="6.1.1" id="cursor"><span class="secno">6
 </table>
 
 
-This property specifies the type of cursor to be displayed for the pointing device
-when within the element’s border-box.
+   <p>This property specifies the type of cursor to be displayed for the pointing device
+when within the element’s <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a>.</p>
+
+
+   <p class="note" role="note">Note: As per <a data-link-type="biblio" href="#biblio-css3-background">[CSS3-BACKGROUND]</a>, the <a data-link-type="dfn" href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a> is affected by <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-radius">border-radius</a>.</p>
 
 
    <p>User agents may ignore the cursor property over native user-agent controls such as scrollbars, resizers, or other native UI widgets e.g. those that may be used inside some user agent specific implementations of form elements.</p>
@@ -3900,6 +3905,10 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
   </ul>
   <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
   <ul class="indexlist">
+   <li><a data-link-type="biblio" href="#biblio-css21">[CSS21]</a> defines the following terms:
+    <ul>
+     <li><a href="http://www.w3.org/TR/CSS21/box.html#border-edgeborder-edge">border edge</a>
+    </ul>
    <li><a data-link-type="biblio" href="#biblio-css-backgrounds-3">[css-backgrounds-3]</a> defines the following terms:
     <ul>
      <li><a href="http://dev.w3.org/csswg/css-backgrounds-3/#background-image">background-image</a>
@@ -4030,6 +4039,8 @@ <h3 class="no-num heading settled" id="informative"><span class="content">Inform
    <dd>Tantek Çelik; et al. <a href="http://www.w3.org/TR/css3-selectors/">Selectors Level 3</a>. 29 September 2011. REC. URL: <a href="http://www.w3.org/TR/css3-selectors/">http://www.w3.org/TR/css3-selectors/</a>
    <dt id="biblio-svg10"><a class="self-link" href="#biblio-svg10"></a>[SVG10]
    <dd>Jon Ferraiolo. <a href="http://www.w3.org/TR/SVG/">Scalable Vector Graphics (SVG) 1.0 Specification</a>. 4 September 2001. REC. URL: <a href="http://www.w3.org/TR/SVG/">http://www.w3.org/TR/SVG/</a>
+   <dt id="biblio-css3-background"><a class="self-link" href="#biblio-css3-background"></a>[CSS3-BACKGROUND]
+   <dd>Bert Bos; Elika Etemad; Brad Kemper. <a href="http://www.w3.org/TR/css3-background/">CSS Backgrounds and Borders Module Level 3</a>. 9 September 2014. CR. URL: <a href="http://www.w3.org/TR/css3-background/">http://www.w3.org/TR/css3-background/</a>
    <dt id="biblio-html5"><a class="self-link" href="#biblio-html5"></a>[HTML5]
    <dd>Ian Hickson; et al. <a href="http://www.w3.org/TR/html5/">HTML5</a>. 28 October 2014. REC. URL: <a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a>
   </dl>