[css-images] Add caniuse panels, fix #1215

Author: LeaVerou

css-images-4/Overview.bs

@@ -19,6 +19,7 @@ Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/27
 Previous Version: https://www.w3.org/TR/2012/WD-css4-images-20120911/
 Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, <ending-shape>, Map, <image>, invalid image, invalid images, concrete object size, linear-gradient(), radial-gradient(), intrinsic dimensions, default object size, CSS
 Ignored Vars: H, P
+Include Can I Use Panels: yes
 </pre>
 
 <pre class=link-defaults>
@@ -323,7 +324,7 @@ Note: No change from [[css3-images]].
 -->
 
 
-<h3 id='element-notation'>Using Elements as Images: the ''element()'' notation</h3>
+<h3 id='element-notation' caniuse="css-element-function">Using Elements as Images: the ''element()'' notation</h3>
 
 	The ''element()'' function allows an author to use an element in the document as an image.
 	As the referenced element changes appearance,

css-images/Overview.bs

@@ -18,6 +18,7 @@ Previous Version: https://www.w3.org/TR/2012/WD-css3-images-20120112/
 Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, <ending-shape>, Map, center, content
 Ignored Vars: start image, end image
 Link Defaults: css21 (property) display
+Include Can I Use Panels: yes
 </pre>
 
 Introduction {#intro}
@@ -129,7 +130,7 @@ Resolution Negotiation: the ''image-set()'' notation {#image-set-notation}
 	The syntax for ''image-set()'' is:
 
 	<pre class='prod'>
-	<dfn>image-set()</dfn> = image-set( <<image-set-option>># )
+	<dfn caniuse="css-image-set">image-set()</dfn> = image-set( <<image-set-option>># )
 	<dfn>&lt;image-set-option></dfn> = [ <<image>> | <<string>> ] <<resolution>>
 	</pre>
 
@@ -202,7 +203,7 @@ Combining images: the ''cross-fade()'' notation {#cross-fade-function}
 	The syntax for ''cross-fade()'' is defined as:
 
 	<pre class=prod>
-		<dfn>cross-fade()</dfn> = cross-fade( <<cf-mixing-image>> , <<cf-final-image>>? )
+		<dfn caniuse="css-cross-fade">cross-fade()</dfn> = cross-fade( <<cf-mixing-image>> , <<cf-final-image>>? )
 		<dfn>&lt;cf-mixing-image></dfn> = <<percentage>>? && <<image>>
 		<dfn>&lt;cf-final-image></dfn> = <<image>> | <<color>>
 	</pre>
@@ -762,7 +763,7 @@ Repeating Gradients: the ''repeating-linear-gradient()'' and ''repeating-radial-
 ------------------------------------------------------------------------------------------------------
 
 	In addition to ''linear-gradient()'' and ''radial-gradient()'',
-	this specification defines <dfn>repeating-linear-gradient()</dfn>
+	this specification defines <dfn caniuse="css-repeating-gradients">repeating-linear-gradient()</dfn>
 	and <dfn>repeating-radial-gradient()</dfn> values.
 	These notations take the same values
 	and are interpreted the same
@@ -1440,8 +1441,7 @@ Image Processing {#image-processing}
 ████ ██     ██ ██     ██  ██████   ████████          ███████  ██     ██ ████ ████████ ██    ██    ██    ██     ██    ██    ████  ███████  ██    ██
 -->
 
-Orienting an Image on the Page: the 'image-orientation' property {#the-image-orientation}
------------------------------------------------------------------------------------------
+<h3 id="the-image-orientation" caniuse="css-image-orientation">Orienting an Image on the Page: the 'image-orientation' property </h3>
 
 	Issue: This property is likely going to be deprecated and its functionality moved to HTML.
 	At minimum, it will likely lose all but its initial value and ''image-orientation/from-image''.
@@ -1597,7 +1597,7 @@ Determing How To Scale an Image: the 'image-rendering' property {#the-image-rend
 
 			Issue: The name of this value is currently being discussed.
 
-		<dt><dfn>crisp-edges</dfn>
+		<dt><dfn caniuse="css-crisp-edges">crisp-edges</dfn>
 		<dd>
 			The image must be scaled with an algorithm that preserves contrast and edges in the image,
 			and which does not smooth colors or introduce blur to the image in the process.