New pages: SVGFESpotLightElement (#37430)

* New pages: SVGFESpotLightElement

* New pages: SVGFESpotLightElement

* New pages: SVGFESpotLightElement

* New pages: SVGFESpotLightElement

* Update files/en-us/web/api/svgfespotlightelement/y/index.md

---------

Co-authored-by: wbamberg <[email protected]>

Author: estelle

Diff for: files/en-us/web/api/svgfespotlightelement/x/index.md

@@ -0,0 +1,40 @@
+---
+title: "SVGFESpotLightElement: x property"
+short-title: x
+slug: Web/API/SVGFESpotLightElement/x
+page-type: web-api-instance-property
+browser-compat: api.SVGFESpotLightElement.x
+---
+
+{{APIRef("SVG")}}
+
+The **`x`** read-only property of the {{domxref("SVGFESpotLightElement")}} interface describes the horizontal coordinate of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}.
+
+It reflects the {{SVGAttr("x")}} attribute of the {{SVGElement("feSpotLight")}} element., which can be used to define the light source in a spotlight effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const feSpotLight = document.querySelector("feSpotLight");
+const leftPosition = feSpotLight.x;
+console.log(leftPosition.baseVal.value); // the `x` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFESpotLightElement.y")}}
+- {{domxref("SVGFESpotLightElement.z")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFEPointLightElement")}}

Diff for: files/en-us/web/api/svgfespotlightelement/y/index.md

@@ -0,0 +1,40 @@
+---
+title: "SVGFESpotLightElement: y property"
+short-title: "y"
+slug: Web/API/SVGFESpotLightElement/y
+page-type: web-api-instance-property
+browser-compat: api.SVGFESpotLightElement.y
+---
+
+{{APIRef("SVG")}}
+
+The **`y`** read-only property of the {{domxref("SVGFESpotLightElement")}} interface describes the vertical coordinate of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}.
+
+It reflects the {{SVGAttr("y")}} attribute of the {{SVGElement("feSpotLight")}} element., which can be used to define the light source in a spotlight effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const feSpotLight = document.querySelector("feSpotLight");
+const topPosition = feSpotLight.y;
+console.log(topPosition.baseVal.value); // the `y` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFESpotLightElement.x")}}
+- {{domxref("SVGFESpotLightElement.z")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFEPointLightElement")}}

Diff for: files/en-us/web/api/svgfespotlightelement/z/index.md

@@ -0,0 +1,40 @@
+---
+title: "SVGFESpotLightElement: z property"
+short-title: z
+slug: Web/API/SVGFESpotLightElement/z
+page-type: web-api-instance-property
+browser-compat: api.SVGFESpotLightElement.z
+---
+
+{{APIRef("SVG")}}
+
+The **`z`** read-only property of the {{domxref("SVGFESpotLightElement")}} interface describes the z-axis value of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}. A positive Z-axis comes out towards the person viewing the content.
+
+It reflects the {{SVGAttr("z")}} attribute of the {{SVGElement("feSpotLight")}} element, which can be used to define the light source in a spotlight effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const feSpotLight = document.querySelector("feSpotLight");
+const zVal = feSpotLight.z;
+console.log(zVal.baseVal.value); // the `z` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFESpotLightElement.x")}}
+- {{domxref("SVGFESpotLightElement.y")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFEPointLightElement")}}