SVGFEDropShadowElement: height プロパティ
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年1月.
height は SVGFEDropShadowElement インターフェイスの読み取り専用プロパティで、SVG フィルタープリミティブの垂直サイズを SVGAnimatedLength で記述します。
これは、height フィルタープリミティブ属性を反映しています。この属性は、フィルター領域の高さに対する <length> または <percentage> です。デフォルト値は 100% です。プロパティの値は、ユーザー座標系単位での長さです。
値
例
js
const feDropShadow = document.querySelector("feDropShadow");
const verticalSize = feDropShadow.height;
console.log(verticalSize.baseVal.value); // `height` の値
仕様書
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-height |
ブラウザーの互換性
関連情報
SVGFEDropShadowElement.width- CSS の
drop-shadow()関数 - CSS の
box-shadowプロパティ - CSS の
text-shadowプロパティ - CSS の
<blend-mode>データ型 - CSS の
mix-blend-modeプロパティ