DOMRectReadOnly

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Note: This feature is available in Web Workers.

The DOMRectReadOnly interface specifies the standard properties (also used by DOMRect) to define a rectangle whose properties are immutable.

Constructor

DOMRectReadOnly(): Defined to create a new DOMRectReadOnly object.

Instance properties

DOMRectReadOnly.x Read only: Returns the x coordinate of the DOMRectReadOnly's origin.
DOMRectReadOnly.y Read only: Returns the y coordinate of the DOMRectReadOnly's origin.
DOMRectReadOnly.width Read only: Returns the width of the DOMRectReadOnly.
DOMRectReadOnly.height Read only: Returns the height of the DOMRectReadOnly.
DOMRectReadOnly.top Read only: Returns the top coordinate value of the DOMRectReadOnly (usually the same as y).
DOMRectReadOnly.right Read only: Returns the right coordinate value of the DOMRectReadOnly (usually the same as x + width).
DOMRectReadOnly.bottom Read only: Returns the bottom coordinate value of the DOMRectReadOnly (usually the same as y + height).
DOMRectReadOnly.left Read only: Returns the left coordinate value of the DOMRectReadOnly (usually the same as x).

Static methods

DOMRectReadOnly.fromRect(): Creates a new DOMRectReadOnly object with a given location and dimensions.

Instance methods

DOMRectReadOnly.toJSON(): Returns a JSON representation of the DOMRectReadOnly object.

Specifications

Specification
Geometry Interfaces Module Level 1 # DOMRect

desktop mobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMRectReadOnly
DOMRectReadOnly() constructor
bottom
fromRect() static method
height
left
right
toJSON
top
width
Available in workers
x
y