| title | slug | l10n | ||
|---|---|---|---|---|
DOMRect |
Web/API/DOMRect |
|
{{APIRef("Geometry Interfaces")}}
DOMRect は矩形の大きさと位置を記述します。
DOMRect が表すボックスの型は、それを返したメソッドやプロパティで指定されます。例えば、{{domxref("Range.getBoundingClientRect()")}}は、そのようなオブジェクトを使用した範囲のコンテンツを囲む長方形を指定します。
親である {{domxref("DOMRectReadOnly")}} から継承しています。
{{InheritanceDiagram}}
- {{domxref("DOMRect.DOMRect","DOMRect()")}}
- : 新しい
DOMRectオブジェクトを作成します。
- : 新しい
DOMRect は親である {{domxref("DOMRectReadOnly")}} からプロパティを継承しています。違いはそれらが読み取り専用でなくなることです。
- {{domxref("DOMRectReadOnly.x")}}
- : この
DOMRectの原点（ふつうは矩形の左上隅）の X 座標です。
- : この
- {{domxref("DOMRectReadOnly.y")}}
- : この
DOMRectの原点（ふつうは矩形の左上隅）の Y 座標です。
- : この
- {{domxref("DOMRectReadOnly.width")}}
- : この
DOMRectの幅です。
- : この
- {{domxref("DOMRectReadOnly.height")}}
- : この
DOMRectの高さです。
- : この
- {{domxref("DOMRectReadOnly.top")}}
- : この
DOMRectの上端の座標値を返します（ふつうはyと同じ、heightが負の数である場合はy + heightと同じです）。
- : この
- {{domxref("DOMRectReadOnly.right")}}
- : この
DOMRectの右端の座標値を返します（ふつうはx + widthと同じ、widthが負の数である場合はxと同じです）。
- : この
- {{domxref("DOMRectReadOnly.bottom")}}
- : この
DOMRectの下端の座標値を返します（ふつうはy + heightと同じ、heightが負の数である場合はyと同じです）。
- : この
- {{domxref("DOMRectReadOnly.left")}}
- : この
DOMRectの左端の座標値を返します（ふつうはxと同じ、widthが負の数である場合はx + widthと同じです）。
- : この
DOMRect には親である {{domxref("DOMRectReadOnly")}} から継承した静的メソッドもあります。
- {{domxref("DOMRect/fromRect_static", "DOMRect.fromRect()")}}
- : 新しい
DOMRectオブジェクトを指定した位置と寸法で作成します。
- : 新しい
DOMRect は親である {{domxref("DOMRectReadOnly")}} からメソッドを継承しています。
{{Specifications}}
{{Compat}}
- {{domxref("DOMPoint")}}