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

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
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

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Uses a non-standard name.
Has more compatibility info.

See also