SVGSVGElement: width プロパティ

Baseline 広く利用可能

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

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

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

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

値

SVGAnimatedLength です。

例

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

仕様書

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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

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

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

SVGSVGElement: width プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力