このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

SVGRectElement: height プロパティ

Baseline 広く利用可能

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

heightSVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の垂直方向のサイズを SVGAnimatedLength として表します。長さは、y 軸方向のユーザー座標系の単位で表されます。構文は、 <length> と同じです。

これは、 <rect> 要素のプレゼンテーション属性 height を反映します。 CSS のプロパティ height が、SVG のプレゼンテーション属性 height よりも優先されるため、この値は要素の実際のサイズを反映しない場合があります。既定値は 0 です。

SVGAnimatedLength です。

js
const rectangle = document.querySelector("rect");
const rectHeight = rectangle.height;
console.log(rectHeight.baseVal.value); // `height` の値

仕様書

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

ブラウザーの互換性

関連情報