[cssom][cssom-view] Reference CSS Values for CSS pixel

Fixes w3c#1204.

Author: zcorpan

cssom-view/Overview.bs

@@ -345,7 +345,7 @@ CSS pixels {#css-pixels}
 ------------------------
 
 All coordinates and dimensions for the APIs defined in this
-specification are in CSS pixels, unless otherwise specified. <!--[[!CSS]]-->
+specification are in <a lt=px value>CSS pixels</a>, unless otherwise specified. [[!CSS-VALUES]]
 
 Note: This does not apply to e.g. {{matchMedia()}} as the units are explicitly given there.
 
@@ -367,14 +367,14 @@ corner, and the x- and y-coordinates increase rightwards and downwards, respecti
 
 The <dfn export>Web-exposed screen area</dfn> is one of the following:
 
-* The area of the output device, in CSS pixels.
-* The area of the <a>viewport</a>, in CSS pixels.
+* The area of the output device, in <a lt=px value>CSS pixels</a>.
+* The area of the <a>viewport</a>, in <a lt=px value>CSS pixels</a>.
 
 The <dfn export>Web-exposed available screen area</dfn> is one of the following:
 
-* The available area of the rendering surface of the output device, in CSS pixels.
-* The area of the output device, in CSS pixels.
-* The area of the <a>viewport</a>, in CSS pixels.
+* The available area of the rendering surface of the output device, in <a lt=px value>CSS pixels</a>.
+* The area of the output device, in <a lt=px value>CSS pixels</a>.
+* The area of the <a>viewport</a>, in <a lt=px value>CSS pixels</a>.
 
 
 Common Infrastructure {#common-infrastructure}
@@ -512,7 +512,7 @@ The <dfn method for=Window>moveTo(<var>x</var>, <var>y</var>)</dfn> method must
 1. Let <var>source</var> be the <a>responsible browsing context</a> of the <a>incumbent settings object</a>.
 1. If <var>source</var> is not <a>allowed to resize and move</a> <var>target</var>, terminate these steps.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not move outside the available space.
-1. Move <var>target</var>’s window such that the window’s top left corner is at coordinates (<var>x</var>, <var>y</var>) relative to the top left corner of the output device, measured in CSS pixels of <var>target</var>. The positive axes are rightward and downward.
+1. Move <var>target</var>’s window such that the window’s top left corner is at coordinates (<var>x</var>, <var>y</var>) relative to the top left corner of the output device, measured in <a lt=px value>CSS pixels</a> of <var>target</var>. The positive axes are rightward and downward.
 
 The <dfn method for=Window>moveBy(<var>x</var>, <var>y</var>)</dfn> method must follow these steps:
 
@@ -521,7 +521,7 @@ The <dfn method for=Window>moveBy(<var>x</var>, <var>y</var>)</dfn> method must
 1. Let <var>source</var> be the <a>responsible browsing context</a> of the <a>incumbent settings object</a>.
 1. If <var>source</var> is not <a>allowed to resize and move</a> <var>target</var>, terminate these steps.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not move outside the available space.
-1. Move <var>target</var>'s window <var>x</var> CSS pixels of <var>target</var> rightward and <var>y</var> CSS pixels of <var>target</var> downward.
+1. Move <var>target</var>'s window <var>x</var> <a lt=px value>CSS pixels</a> of <var>target</var> rightward and <var>y</var> <a lt=px value>CSS pixels</a> of <var>target</var> downward.
 
 
 The <dfn method for=Window>resizeTo(<var>x</var>, <var>y</var>)</dfn> method must follow these steps:
@@ -531,7 +531,7 @@ The <dfn method for=Window>resizeTo(<var>x</var>, <var>y</var>)</dfn> method mus
 1. Let <var>source</var> be the <a>responsible browsing context</a> of the <a>incumbent settings object</a>.
 1. If <var>source</var> is not <a>allowed to resize and move</a> <var>target</var>, terminate these steps.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
-1. Resize <var>target</var>'s window by moving its right and bottom edges such that the distance between the left and right edges of the viewport are <var>x</var> CSS pixels of <var>target</var> and the distance between the top and bottom edges of the viewport are <var>y</var> CSS pixels of <var>target</var>.
+1. Resize <var>target</var>'s window by moving its right and bottom edges such that the distance between the left and right edges of the viewport are <var>x</var> <a lt=px value>CSS pixels</a> of <var>target</var> and the distance between the top and bottom edges of the viewport are <var>y</var> <a lt=px value>CSS pixels</a> of <var>target</var>.
 1. Optionally, move <var>target</var>'s window in a user-agent-defined manner so that it does not grow outside the available space.
 
 The <dfn method for=Window>resizeBy(<var>x</var>, <var>y</var>)</dfn> method must follow these steps:
@@ -541,7 +541,7 @@ The <dfn method for=Window>resizeBy(<var>x</var>, <var>y</var>)</dfn> method mus
 1. Let <var>source</var> be the <a>responsible browsing context</a> of the <a>incumbent settings object</a>.
 1. If <var>source</var> is not <a>allowed to resize and move</a> <var>target</var>, terminate these steps.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
-1. Resize <var>target</var>'s window by moving its right edge <var>x</var> CSS pixels of <var>target</var> rightward and its bottom edge <var>y</var> CSS pixels of <var>target</var> downward.
+1. Resize <var>target</var>'s window by moving its right edge <var>x</var> <a lt=px value>CSS pixels</a> of <var>target</var> rightward and its bottom edge <var>y</var> <a lt=px value>CSS pixels</a> of <var>target</var> downward.
 1. Optionally, move <var>target</var>'s window in a user-agent-defined manner so that it does not grow outside the available space.
 
 A <a>browsing context</a> <var>A</var> is <dfn>allowed to resize and move</dfn> a <a>browsing context</a> <var>B</var> if all the following conditions are met:
@@ -656,7 +656,7 @@ attribute must return zero. <!--fingerprint-->
 The <dfn attribute for=Window caniuse=devicepixelratio>devicePixelRatio</dfn> attribute must return the result of the following algorithm:
 
 1. If there is no output device, return 1 and abort these steps.
-1. Let <var>CSS pixel size</var> be the size of a CSS pixel at the current <a>page zoom</a> scale factor and at a <a>pinch zoom</a> scale factor of 1.0.
+1. Let <var>CSS pixel size</var> be the size of a <a lt=px value>CSS pixel</a> at the current <a>page zoom</a> scale factor and at a <a>pinch zoom</a> scale factor of 1.0.
 1. Let <var>device pixel size</var> be the vertical size of a device pixel of the output device.
 1. Return the result of dividing <var>CSS pixel size</var> by <var>device pixel size</var>.
 
@@ -683,7 +683,7 @@ To <dfn export>set up browsing context features</dfn> for a browsing context <va
         move outside the <a>Web-exposed available screen area</a>.
     1. Optionally, move <var>target</var>'s window such that the window's left edge is at the
         horizontal coordinate <var>x</var> relative to the left edge of the <a>Web-exposed screen
-        area</a>, measured in CSS pixels of <var>target</var>. The positive axis is rightward.
+        area</a>, measured in <a lt=px value>CSS pixels</a> of <var>target</var>. The positive axis is rightward.
 1. If <var>tokenizedFeatures</var>["<a for="supported open() feature name">top</a>"]
     <a for=map>exists</a>:
     1. Set <var>y</var> to the result of invoking the <a>rules for parsing integers</a> on
@@ -693,7 +693,7 @@ To <dfn export>set up browsing context features</dfn> for a browsing context <va
         move outside the <a>Web-exposed available screen area</a>.
     1. Optionally, move <var>target</var>'s window such that the window's top edge is at the
         vertical coordinate <var>y</var> relative to the top edge of the <a>Web-exposed screen
-        area</a>, measured in CSS pixels of <var>target</var>. The positive axis is downward.
+        area</a>, measured in <a lt=px value>CSS pixels</a> of <var>target</var>. The positive axis is downward.
 1. If <var>tokenizedFeatures</var>["<a for="supported open() feature name">width</a>"]
     <a for=map>exists</a>:
     1. Set <var>width</var> to the result of invoking the <a>rules for parsing integers</a> on

cssom/Overview.bs

@@ -2457,7 +2457,7 @@ depends on the component, as follows:
  by the literal string "<code>%</code>" (U+0025).
 
  <dt>&lt;resolution>
- <dd>The resolution in dots per CSS pixel serialized as per
+ <dd>The resolution in dots per <a lt=px value>CSS pixel</a> serialized as per
  &lt;number> followed by the literal string "<code>dppx</code>".
 
  <dt>&lt;shape>