SVGFEDropShadowElement: y プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

y は SVGFEDropShadowElement インターフェイスの読み取り専用プロパティで、SVG フィルタープリミティブの位置の垂直座標を SVGAnimatedLength で記述します。

これは、入力画像のドロップシャドウを作成する <feDropShadow> 要素の y 属性を反映しています。この属性は、<length> または <percentage> です。<coordinate> は、ユーザー座標系における長さであり、フィルターの原点から y 軸に沿って指定された距離を表します。y 属性がパーセント値の場合、プロパティの値は、ユーザー座標系単位でのフィルター領域の高さに対する相対値となります。デフォルト値は 0 です。

値

SVGAnimatedLength です。

例

const feDropShadow = document.querySelector("feDropShadow");
const topPosition = feDropShadow.y;
console.log(topPosition.baseVal.value); // `y` の値

仕様書

仕様書
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-y

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年5月2日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

SVGFEDropShadowElement: y プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力