SVGFEDropShadowElement: width property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Please help us by answering a few questions.
The width
read-only property of the SVGFEDropShadowElement
interface describes the horizontal size of an SVG filter primitive as a SVGAnimatedLength
.
It reflects the width
filter primitive attribute. The attribute is a <length>
or a <percentage>
relative to the width of the filter region. The default value is 100%
. The property value is a length in user coordinate system units.
Value
Example
js
const feDropShadow = document.querySelector("feDropShadow");
const horizontalSize = feDropShadow.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Specifications
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-width |
Browser compatibility
See also
SVGFEDropShadowElement.height
- CSS
drop-shadow()
function - CSS
box-shadow
property - CSS
text-shadow
property - CSS
<blend-mode>
data type - CSS
mix-blend-mode
property