SVGRectElement: x プロパティ

Baseline 広く利用可能

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

x は SVGRectElement インターフェイスの読み取り専用のプロパティで、 SVG 矩形の位置の水平座標を SVGAnimatedLength として表します。 <coordinate> は、ユーザー座標系で原点からの x 軸方向の距離です。構文は、 <length> と同じです。

これは、<rect> 要素の幾何属性値 x を反映します。CSS のプロパティ x が、SVG の幾何属性 x よりも優先されるため、この値は要素の外観を反映しない場合があります。既定値は 0 です。

値

SVGAnimatedLength です。

例

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

仕様書

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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

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

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

SVGRectElement: x プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力