Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

Represents a rectangular box. The type of box is specified by the method that returns such an object. It is returned by functions like element.getBoundingClientRect.
1.0
50
Introduced
Gecko 1.9
Inherits from: nsISupports Last changed in Gecko 1.9.1 (Firefox 3.5 / Thunderbird 3.0 / SeaMonkey 2.0)

Attributes

Attribute Type Description
bottom float Y-coordinate, relative to the viewport origin, of the bottom of the rectangle box. Read only.
height float Height of the rectangle box (This is identical to bottom minus top). Read only.
left float X-coordinate, relative to the viewport origin, of the left of the rectangle box. Read only.
right float X-coordinate, relative to the viewport origin, of the right of the rectangle box. Read only.
top float Y-coordinate, relative to the viewport origin, of the top of the rectangle box. Read only.
width float Width of the rectangle box (This is identical to right minus left). Read only.
x float X-coordinate, relative to the viewport origin, of the left of the rectangle box. Read only.
y float Y-coordinate, relative to the viewport origin, of the top of the rectangle box. Read only.

See also

This object was renamed a few times: initial name was TextRectangle, then ClientRect, then DOMRect.

Initially it had just the top/left/right/bottom attributes, then width/height/x/y were added.

Document Tags and Contributors

 Contributors to this page: arai, amZotti, Nickolay, Sheppy, mnoorenberghe, trevorh, Smi, Yanmorin
 Last updated by: arai,