[cssom-view] Add caniuse boxes

Part of #1194.

Author: zcorpan

cssom-view/Overview.bs

@@ -20,6 +20,9 @@ Former Editor: Anne van Kesteren, Opera Software ASA http://www.opera.com, annev
 Abstract: The APIs introduced by this specification provide authors with a way to inspect and manipulate the visual view of a document. This includes getting the position of element layout boxes, obtaining the width of the viewport through script, and also scrolling an element.
 Ignored Terms: open(), EventTarget, EventListener, Event, EventInit, Element, Range, Node, Text
 Ignored Vars: rect, point, quad
+Include Can I Use Panels: true
+Can I Use URL: https://drafts.csswg.org/cssom-view/
+Can I Use URL: https://www.w3.org/TR/cssom-view-1/
 </pre>
 
 <pre class='anchors'>
@@ -484,7 +487,7 @@ partial interface Window {
 };
 </pre>
 
-When the <dfn method for=Window>matchMedia(<var>query</var>)</dfn> method is invoked these steps must be run:
+When the <dfn method for=Window caniuse=matchmedia>matchMedia(<var>query</var>)</dfn> method is invoked these steps must be run:
 <ol>
  <li>Let <var>parsed media query list</var> be the result of
  <a lt='parse a media query list'>parsing</a>
@@ -650,7 +653,7 @@ The <dfn attribute for=Window>outerHeight</dfn> attribute must return the height
 client window. If there is no client window this
 attribute must return zero. <!--fingerprint-->
 
-The <dfn attribute for=Window>devicePixelRatio</dfn> attribute must return the result of the following algorithm:
+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.
@@ -954,7 +957,7 @@ partial interface Document {
 };
 </pre>
 
-The <dfn method for=Document>elementFromPoint(<var>x</var>, <var>y</var>)</dfn> method must follow these steps:
+The <dfn method for=Document caniuse=element-from-point>elementFromPoint(<var>x</var>, <var>y</var>)</dfn> method must follow these steps:
 
 1. If either argument is negative, <var>x</var> is greater than the <a>viewport</a> width excluding the size of a rendered scroll bar (if any), or
     <var>y</var> is greater than the <a>viewport</a> height excluding the size of a rendered scroll bar (if any), or there is no <a>viewport</a>
@@ -1122,7 +1125,7 @@ The <dfn method for=Element>getClientRects()</dfn> method, when invoked, must re
     * If the element on which the method was invoked has a computed value for the 'display' property of ''table'' or ''inline-table'' include both the table box and the caption box, if any, but not the anonymous container box.
     * Replace each <a>anonymous block box</a> with its child box(es) and repeat this until no anonymous block boxes are left in the final list.
 
-The <dfn method for=Element>getBoundingClientRect()</dfn> method, when invoked, must return the result of the following
+The <dfn method for=Element caniuse=getboundingclientrect>getBoundingClientRect()</dfn> method, when invoked, must return the result of the following
 algorithm:
 
 1. Let <var>list</var> be the result of invoking {{Element/getClientRects()}} on the same element this method was invoked on.
@@ -1143,7 +1146,7 @@ algorithm:
     </pre>
 </div>
 
-The <dfn method for=Element>scrollIntoView(<var>arg</var>)</dfn> method must run these steps:
+The <dfn method for=Element caniuse=scrollintoview>scrollIntoView(<var>arg</var>)</dfn> method must run these steps:
 
 <!-- scrollIntoView() means arg=true but scrollIntoView(undefined) means arg=false, to align with impls. -->
 
@@ -1740,7 +1743,7 @@ Smooth Scrolling: The 'scroll-behavior' Property {#smooth-scrolling}
 --------------------------------------------------------------------
 
 <pre class=propdef>
-Name: <dfn>scroll-behavior</dfn>
+Name: scroll-behavior
 Value: auto | smooth
 Initial: auto
 Applies to: <a>scrolling boxes</a>