pageXOffset, pageYOffset, screenX and screenY of WindowLayout

Author: annevk

cssom/Overview.html

@@ -1804,6 +1804,9 @@ <h3 id=the-windowlayout><span class=secno>4.1. </span>The <code><a
   <p>The term <dfn id=browsing>browsing context</dfn> is used as defined by
    the Window Object 1.0 specification. [Window]
 
+  <p>Some of the terminology used in this section and its subsection is that
+   of Media Queries. [MQ]
+
   <p>This interface represents rendering information about the current
    browsing context.
 
@@ -1812,10 +1815,10 @@ <h3 id=the-windowlayout><span class=secno>4.1. </span>The <code><a
   readonly attribute float            <a href="#innerheight" title=windowlayout-innerheight>innerHeight</a>;
   readonly attribute float            <a href="#outerheight" title=windowlayout-outerheight>outerWidth</a>;
   readonly attribute float            <a href="#outerheight" title=windowlayout-outerheight>outerHeight</a>;
-  readonly attribute float            pageXOffset;
-  readonly attribute float            pageYOffset;
-  readonly attribute float            screenX;
-  readonly attribute float            screenY;
+  readonly attribute float            <a href="#pagexoffset" title=windowlayout-pagexoffset>pageXOffset</a>;
+  readonly attribute float            <a href="#pageyoffset" title=windowlayout-pageyoffset>pageYOffset</a>;
+  readonly attribute float            <a href="#screeny" title=windowlayout-screenx>screenX</a>;
+  readonly attribute float            <span title=windowlayout-screeny>screenY</span>;
   readonly attribute <a href="#screen0">Screen</a>           <a href="#screen" title=windowlayout-screen>screen</a>;
 };</pre>
   <!-- XXX float? -->
@@ -1842,14 +1845,40 @@ <h3 id=the-windowlayout><span class=secno>4.1. </span>The <code><a
     title=windowlayout-outerwidth><code>outerWidth</code></dfn>
 
    <dd>In web browsers, this attribute <em class=ct>must</em> be the width of
-    the browser window. Otherwise, this <em class=ct>must</em> be
+    the browser window in pixels. Otherwise, this <em class=ct>must</em> be
     <code>0</code>.
 
    <dt><dfn id=outerheight
     title=windowlayout-outerheight><code>outerHeight</code></dfn>
 
    <dd>In web browsers, this attribute <em class=ct>must</em> be the height
-    of the browser window. Otherwise, this <em class=ct>must</em> be
+    of the browser window in pixels. Otherwise, this <em class=ct>must</em>
+    be <code>0</code>.
+
+   <dt><dfn id=pagexoffset
+    title=windowlayout-pagexoffset><code>pageXOffset</code></dfn>
+
+   <dd>This attribute <em class=ct>must</em> be the number of pixels the user
+    has scrolled to the right.
+
+   <dt><dfn id=pageyoffset
+    title=windowlayout-pageyoffset><code>pageYOffset</code></dfn>
+
+   <dd>This attribute <em class=ct>must</em> be the number of pixels the user
+    has scrolled to the bottom.
+
+   <dt><dfn id=screenx title=windowlayout-screenx><code>screenx</code></dfn>
+
+   <dd>In web browsers, this attribute <em class=ct>must</em> be the amount
+    of of pixels to the left of the browser window offsetted against the
+    screen of the output device. Otherwise, this <em class=ct>must</em> be
+    <code>0</code>.
+
+   <dt><dfn id=screeny title=windowlayout-screenx><code>screeny</code></dfn>
+
+   <dd>In web browsers, this attribute <em class=ct>must</em> be the amount
+    of of pixels to the top of the browser window offsetted against the
+    screen of the output device. Otherwise, this <em class=ct>must</em> be
     <code>0</code>.
 
    <dt><dfn id=screen title=windowlayout-screen><code>screen</code></dfn>
@@ -1869,8 +1898,6 @@ <h4 id=the-screen><span class=secno>4.1.1. </span>The <code><a
   <p>This interface represents information about the screen of the output
    device.
 
-  <p>The terminology used in this subsection is that of Media Queries. [MQ]
-
   <pre class=idl>interface <dfn id=screen0>Screen</dfn> {
   readonly attribute float            <a href="#availwidth" title=screen-availwidth>availWidth</a>;
   readonly attribute float            <a href="#height" title=screen-height>availHeight</a>;

cssom/Overview.src.html

@@ -1446,7 +1446,10 @@ <h3>The <code>WindowLayout</code> Interface</h3>
   [Window]</p>
 
   <p>The term <dfn>browsing context</dfn> is used as defined by the Window
-  Object 1.0 specification. [Window]
+  Object 1.0 specification. [Window]</p>
+  
+  <p>Some of the terminology used in this section and its subsection is that of
+  Media Queries. [MQ]</p>
 
   <p>This interface represents rendering information about the current browsing
   context.</p>
@@ -1456,44 +1459,68 @@ <h3>The <code>WindowLayout</code> Interface</h3>
   readonly attribute float            <span title="windowlayout-innerheight">innerHeight</span>;
   readonly attribute float            <span title="windowlayout-outerheight">outerWidth</span>;
   readonly attribute float            <span title="windowlayout-outerheight">outerHeight</span>;
-  readonly attribute float            pageXOffset;
-  readonly attribute float            pageYOffset;
-  readonly attribute float            screenX;
-  readonly attribute float            screenY;
+  readonly attribute float            <span title="windowlayout-pagexoffset">pageXOffset</span>;
+  readonly attribute float            <span title="windowlayout-pageyoffset">pageYOffset</span>;
+  readonly attribute float            <span title="windowlayout-screenx">screenX</span>;
+  readonly attribute float            <span title="windowlayout-screeny">screenY</span>;
   readonly attribute <span>Screen</span>           <span title="windowlayout-screen">screen</span>;
 };</pre>
   <!-- XXX float? -->
 
   <dl>
    <dt><dfn title="windowlayout-innerwidth"><code>innerWidth</code></dfn></dt>
-   
+
    <dd>
     <p>This attribute <em class="ct">must</em> be the viewport width in
     pixels.</p>
 
     <p class="note">This is including, if rendered, the vertical scrollbar.</p>
    </dd>
-   
+
    <dt><dfn title="windowlayout-innerheight"><code>innerHeight</code></dfn></dt>
-   
+
    <dd>
     <p>This attribute <em class="ct">must</em> be the viewport height in
     pixels.</p>
-    
+
     <p class="note">This is including, if rendered, the horizontal
     scrollbar.</p>
    </dd>
-   
+
    <dt><dfn title="windowlayout-outerwidth"><code>outerWidth</code></dfn></dt>
-   
+
    <dd>In web browsers, this attribute <em class="ct">must</em> be the width of
-   the browser window. Otherwise, this <em class="ct">must</em> be
+   the browser window in pixels. Otherwise, this <em class="ct">must</em> be
    <code>0</code>.</dd>
-   
+
    <dt><dfn title="windowlayout-outerheight"><code>outerHeight</code></dfn></dt>
 
    <dd>In web browsers, this attribute <em class="ct">must</em> be the height of
-   the browser window. Otherwise, this <em class="ct">must</em> be
+   the browser window in pixels. Otherwise, this <em class="ct">must</em> be
+   <code>0</code>.</dd>
+
+   <dt><dfn title="windowlayout-pagexoffset"><code>pageXOffset</code></dfn></dt>
+
+   <dd>This attribute <em class="ct">must</em> be the number of pixels the user
+   has scrolled to the right.</dd>
+
+   <dt><dfn title="windowlayout-pageyoffset"><code>pageYOffset</code></dfn></dt>
+
+   <dd>This attribute <em class="ct">must</em> be the number of pixels the user
+   has scrolled to the bottom.</dd>
+
+   <dt><dfn title="windowlayout-screenx"><code>screenx</code></dfn></dt>
+
+   <dd>In web browsers, this attribute <em class="ct">must</em> be the amount of
+   of pixels to the left of the browser window offsetted against the screen of
+   the output device. Otherwise, this <em class="ct">must</em> be
+   <code>0</code>.</dd>
+
+   <dt><dfn title="windowlayout-screenx"><code>screeny</code></dfn></dt>
+
+   <dd>In web browsers, this attribute <em class="ct">must</em> be the amount of
+   of pixels to the top of the browser window offsetted against the screen of
+   the output device. Otherwise, this <em class="ct">must</em> be
    <code>0</code>.</dd>
 
    <dt><dfn title="windowlayout-screen"><code>screen</code></dfn></dt>
@@ -1512,8 +1539,6 @@ <h4>The <code>Screen</code> Interface</h4>
   <p>This interface represents information about the screen of the output
   device.</p>
 
-  <p>The terminology used in this subsection is that of Media Queries. [MQ]</p>
-
   <pre class="idl">interface <dfn>Screen</dfn> {
   readonly attribute float            <span title="screen-availwidth">availWidth</span>;
   readonly attribute float            <span title="screen-height">availHeight</span>;