SVGRectElement: width プロパティ

Baseline 広く利用可能

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

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

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

値

const rectangle = document.querySelector("rect");
const rectWidth = rectangle.width;
console.log(rectWidth.baseVal.value); // `width` の値

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

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