Added CSS color-interpolation-filters property

Author: meyerweb

files/en-us/web/css/color-interpolation-filters/index.md

@@ -0,0 +1,62 @@
+---
+title: color-interpolation-filters
+slug: Web/CSS/color-interpolation-filters
+page-type: css-property
+browser-compat: css.properties.color-interpolation-filters
+---
+
+{{CSSRef}}
+
+The **`color-interpolation-filters`** [CSS](/en-US/docs/Web/CSS) property specifies the color space for imaging operations performed via SVG filter effects. If explicitly declared, the value of the CSS property overrides any value given in the element's {{SVGAttr("color-interpolation-filters")}} attribute.
+
+> [!NOTE]
+> The {{SVGAttr("color-interpolation-filters")}} property is only relevant to SVG filter operations. It has _no_ effect on filter primitives like {{SVGElement("feOffset")}}, {{SVGElement("feImage")}}, {{SVGElement("feTile")}}, and {{SVGElement("feFlood")}}, but instead applies to the various filter effect elements (e.g., {{SVGElement('feBlend')}}); see the SVG {{SVGAttr('color-interpolation-filters')}} page for a full list.
+
+> [!NOTE]
+> It is important to remember that the SVG {{SVGAttr('color-interpolation')}} attribute has an initial value of `sRGB`, while `color-interpolation-filters` has an initial value of `linearRGB`. This means, in the default case, filter effect interpolations occur in a different color space than all other color interpolations.
+
+## Syntax
+
+```css
+color-interpolation-filters: auto;
+color-interpolation-filters: linearRGB;
+color-interpolation-filters: sRGB;
+
+/* Global values */
+color-interpolation-filters: inherit;
+color-interpolation-filters: initial;
+color-interpolation-filters: revert;
+color-interpolation-filters: revert-layer;
+color-interpolation-filters: unset;
+```
+
+### Values
+
+- `linearRGB`
+  - : Indicates that color interpolation should occur in the linearized RGB color space as described in [the sRGB specification](https://webstore.iec.ch/publication/6169). This is the default property value.
+- `sRGB`
+  - : Indicates that color interpolation should occur in the gamma-encoded sRGB color space.
+- `auto`
+  - : Indicates that the user agent can choose either the `sRGB` or `linearRGB` spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space.
+
+## Formal definition
+
+{{CSSInfo}}
+
+## Formal syntax
+
+{{csssyntax}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- SVG {{SVGAttr("color-interpolation-filters")}} attribute
+- SVG {{SVGAttr("color-interpolation")}} attribute
+- [sRGB specification](https://webstore.iec.ch/publication/6169)

files/en-us/web/svg/attribute/color-interpolation-filters/index.md

@@ -17,7 +17,7 @@ The **`color-interpolation-filters`** attribute specifies the color space for im
 > It has no affect on filter functions, which operate in the {{Glossary("sRGB")}} color space.
 
 > [!NOTE]
-> As a presentation attribute, `color-interpolation-filters` can be used as a CSS property.
+> As a presentation attribute, `color-interpolation-filters` can be used as a CSS property. See {{cssxref('color-interpolation-filters')}} for more.
 
 You can use this attribute with the following SVG elements:
 
@@ -76,5 +76,6 @@ You can use this attribute with the following SVG elements:
 
 ## See also
 
+- SVG {{SVGAttr("color-interpolation")}} attribute
+- CSS {{cssxref('color-interpolation-filters')}} property
 - [sRGB specification](https://webstore.iec.ch/publication/6169)
-- {{SVGAttr("color-interpolation")}}