Join us online - 19th of November
Save your spot

Interface DOMRectReadOnly

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

MDN Reference

interface DOMRectReadOnly {
    bottom: number;
    height: number;
    left: number;
    right: number;
    top: number;
    width: number;
    x: number;
    y: number;
    toJSON(): any;
}

Hierarchy (View Summary)

Index
bottom height left right top width x y
toJSON
bottom: number

The bottom read-only property of the DOMRectReadOnly interface returns the bottom coordinate value of the DOMRect. (Has the same value as y + height, or y if height is negative.)

MDN Reference

height: number

The height read-only property of the DOMRectReadOnly interface represents the height of the DOMRect.

MDN Reference

left: number

The left read-only property of the DOMRectReadOnly interface returns the left coordinate value of the DOMRect. (Has the same value as x, or x + width if width is negative.)

MDN Reference

right: number

The right read-only property of the DOMRectReadOnly interface returns the right coordinate value of the DOMRect. (Has the same value as x + width, or x if width is negative.)

MDN Reference

top: number

The top read-only property of the DOMRectReadOnly interface returns the top coordinate value of the DOMRect. (Has the same value as y, or y + height if height is negative.)

MDN Reference

width: number

The width read-only property of the DOMRectReadOnly interface represents the width of the DOMRect.

MDN Reference

x: number

The x read-only property of the DOMRectReadOnly interface represents the x coordinate of the DOMRect's origin.

MDN Reference

y: number

The y read-only property of the DOMRectReadOnly interface represents the y coordinate of the DOMRect's origin.

MDN Reference

  • The DOMRectReadOnly method toJSON() returns a JSON representation of the DOMRectReadOnly object.

    MDN Reference

    Returns any

Was this helpful?