SVGSVGElement: height プロパティ

Baseline 広く利用可能

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

もっと詳しく
完全な互換性情報を見る

height は SVGSVGElement インターフェイスの読み取り専用プロパティで、要素の垂直方向のサイズを SVGAnimatedLength として記述します。これは<svg> 要素の height 属性を反映しますが、これは SVG のレンダリングされる高さと一致しないことがあります。

CSS の height プロパティは <svg> 要素の height 属性よりも優先されますので、この値はこの要素の外見を反映していないことがあります。 viewBox および height 属性が省略された場合、この height プロパティは実際の高さを反映します。

値

SVGAnimatedLength です。

例

const svg = document.querySelector("svg");
const verticalSize = svg.height;
console.dir(verticalSize.baseVal.value); // `height` の値

仕様書

仕様書
Scalable Vector Graphics (SVG) 2 # __svg__SVGSVGElement__height

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

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

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

SVGSVGElement: height プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力