Adding BCD and some fixable flaws (#906)

mdn · Jan 5, 2021 · 17f4b04 · 17f4b04
1 parent dbd6cfb
commit 17f4b04
Show file tree

Hide file tree

Showing 12 changed files with 155 additions and 111 deletions.
diff --git a/files/en-us/web/css/filter-function/blur()/index.html b/files/en-us/web/css/filter-function/blur()/index.html
@@ -52,17 +52,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/brightness()/index.html b/files/en-us/web/css/filter-function/brightness()/index.html
@@ -53,17 +53,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/contrast()/index.html b/files/en-us/web/css/filter-function/contrast()/index.html
@@ -53,17 +53,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/drop-shadow()/index.html b/files/en-us/web/css/filter-function/drop-shadow()/index.html
@@ -69,18 +69,22 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
  <li>CSS {{cssxref("box-shadow")}} property</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/grayscale()/index.html b/files/en-us/web/css/filter-function/grayscale()/index.html
@@ -50,17 +50,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/hue-rotate()/index.html b/files/en-us/web/css/filter-function/hue-rotate()/index.html
@@ -55,17 +55,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/index.html b/files/en-us/web/css/filter-function/index.html
@@ -18,25 +18,25 @@ <h2 id="Syntax">Syntax</h2>
 <p>The <code>&lt;filter-function&gt;</code> data type is specified using one of the filter functions listed below. Each function requires an argument which, if invalid, results in no filter being applied.</p>
 
 <dl>
- <dt>{{cssxref("filter-function/blur", "blur()")}}</dt>
+ <dt>{{cssxref("filter-function/blur()", "blur()")}}</dt>
  <dd>Blurs the image.</dd>
- <dt>{{cssxref("filter-function/brightness", "brightness()")}}</dt>
+ <dt>{{cssxref("filter-function/brightness()", "brightness()")}}</dt>
  <dd>Makes the image brighter or darker.</dd>
- <dt>{{cssxref("filter-function/contrast", "contrast()")}}</dt>
+ <dt>{{cssxref("filter-function/contrast()", "contrast()")}}</dt>
  <dd>Increases or decreases the image's contrast.</dd>
- <dt>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</dt>
+ <dt>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</dt>
  <dd>Applies a drop shadow behind the image.</dd>
- <dt>{{cssxref("filter-function/grayscale", "grayscale()")}}</dt>
+ <dt>{{cssxref("filter-function/grayscale()", "grayscale()")}}</dt>
  <dd>Converts the image to grayscale.</dd>
- <dt>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</dt>
+ <dt>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</dt>
  <dd>Changes the overall hue of the image.</dd>
- <dt>{{cssxref("filter-function/invert", "invert()")}}</dt>
+ <dt>{{cssxref("filter-function/invert()", "invert()")}}</dt>
  <dd>Inverts the colors of the image.</dd>
- <dt>{{cssxref("filter-function/opacity", "opacity()")}}</dt>
+ <dt>{{cssxref("filter-function/opacity()", "opacity()")}}</dt>
  <dd>Makes the image transparent.</dd>
- <dt>{{cssxref("filter-function/saturate", "saturate()")}}</dt>
+ <dt>{{cssxref("filter-function/saturate()", "saturate()")}}</dt>
  <dd>Super-saturates or desaturates the input image.</dd>
- <dt>{{cssxref("filter-function/sepia", "sepia()")}}</dt>
+ <dt>{{cssxref("filter-function/sepia()", "sepia()")}}</dt>
  <dd>Converts the image to sepia.</dd>
 </dl>
 
@@ -202,6 +202,10 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>

diff --git a/files/en-us/web/css/filter-function/invert()/index.html b/files/en-us/web/css/filter-function/invert()/index.html
@@ -52,17 +52,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/opacity()/index.html b/files/en-us/web/css/filter-function/opacity()/index.html
@@ -56,18 +56,22 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
  <li>CSS {{cssxref("opacity")}} property</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/saturate()/index.html b/files/en-us/web/css/filter-function/saturate()/index.html
@@ -51,17 +51,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/sepia", "sepia()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/sepia()", "sepia()")}}</li>
 </ul>
diff --git a/files/en-us/web/css/filter-function/sepia()/index.html b/files/en-us/web/css/filter-function/sepia()/index.html
@@ -52,17 +52,21 @@ <h2 id="Specifications">Specifications</h2>
  </tbody>
 </table>
 
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{Compat("css.properties.filter")}}</p>
+
 <h2 id="See_also">See also</h2>
 
 <ul>
  <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("filter-function/blur", "blur()")}}</li>
- <li>{{cssxref("filter-function/brightness", "brightness()")}}</li>
- <li>{{cssxref("filter-function/contrast", "contrast()")}}</li>
- <li>{{cssxref("filter-function/drop-shadow", "drop-shadow()")}}</li>
- <li>{{cssxref("filter-function/grayscale", "grayscale()")}}</li>
- <li>{{cssxref("filter-function/hue-rotate", "hue-rotate()")}}</li>
- <li>{{cssxref("filter-function/invert", "invert()")}}</li>
- <li>{{cssxref("filter-function/opacity", "opacity()")}}</li>
- <li>{{cssxref("filter-function/saturate", "saturate()")}}</li>
+ <li>{{cssxref("filter-function/blur()", "blur()")}}</li>
+ <li>{{cssxref("filter-function/brightness()", "brightness()")}}</li>
+ <li>{{cssxref("filter-function/contrast()", "contrast()")}}</li>
+ <li>{{cssxref("filter-function/drop-shadow()", "drop-shadow()")}}</li>
+ <li>{{cssxref("filter-function/grayscale()", "grayscale()")}}</li>
+ <li>{{cssxref("filter-function/hue-rotate()", "hue-rotate()")}}</li>
+ <li>{{cssxref("filter-function/invert()", "invert()")}}</li>
+ <li>{{cssxref("filter-function/opacity()", "opacity()")}}</li>
+ <li>{{cssxref("filter-function/saturate()", "saturate()")}}</li>
 </ul>