SVGRectElement: y プロパティ

Baseline 広く利用可能

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

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

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

値

SVGAnimatedLength です。

例

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

仕様書

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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

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

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

SVGRectElement: y プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力