A DOMRect describes the size and position of a rectangle.

MDN Reference

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

Properties

Methods

Properties

bottom: number

The bottom read-only property of the DOMRectReadOnly interface returns the bottom coordinate value of the DOMRect.

MDN Reference

height: number

The height property of the DOMRect interface represents the height of the rectangle.

MDN Reference

left: number

The left read-only property of the DOMRectReadOnly interface returns the left coordinate value of the DOMRect.

MDN Reference

right: number

The right read-only property of the DOMRectReadOnly interface returns the right coordinate value of the DOMRect.

MDN Reference

top: number

The top read-only property of the DOMRectReadOnly interface returns the top coordinate value of the DOMRect.

MDN Reference

width: number

The width property of the DOMRect interface represents the width of the rectangle.

MDN Reference

x: number

The x property of the DOMRect interface represents the x-coordinate of the rectangle, which is the horizontal distance between the viewport's left edge and the rectangle's origin.

MDN Reference

y: number

The y property of the DOMRect interface represents the y-coordinate of the rectangle, which is the vertical distance between the viewport's top edge and the rectangle's origin.

MDN Reference

Methods

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

    MDN Reference

    Returns any