SVGFEDropShadowElement：width 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

SVGFEDropShadowElement 接口的只读属性 width 以 SVGAnimatedLength 类型描述了 SVG 滤镜图元的水平尺寸。

它反映了 width 滤镜图元属性。该属性是相对于滤镜区域宽度的 <length> 或 <percentage>。默认值为 100%。属性值是以用户坐标系统单位表示的长度。

值

一个 SVGAnimatedLength 对象。

示例

const feDropShadow = document.querySelector("feDropShadow");
const horizontalSize = feDropShadow.width;
console.log(horizontalSize.baseVal.value); // the `width` value

规范

规范
滤镜效果模块第 1 级 # dom-svgfilterprimitivestandardattributes-width

浏览器兼容性

另见

SVGFEDropShadowElement.height
CSS drop-shadow() 函数
CSS box-shadow 属性
CSS text-shadow 属性
CSS <blend-mode> 数据类型
CSS mix-blend-mode 属性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025年3月18日⁩，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题