Join us online - 19th of November
Save your spot
For AI agents: a documentation index is available at /llms.txt. Markdown versions of all pages are available by appending .md to any URL.

Interface ResizeObserverEntry

The ResizeObserverEntry interface represents the object passed to the ResizeObserver() constructor's callback function, which allows you to access the new dimensions of the Element or SVGElement being observed.

MDN Reference

interface ResizeObserverEntry {
    borderBoxSize: readonly ResizeObserverSize[];
    contentBoxSize: readonly ResizeObserverSize[];
    contentRect: DOMRectReadOnly;
    devicePixelContentBoxSize: readonly ResizeObserverSize[];
    target: Element;
}
Index
borderBoxSize: readonly ResizeObserverSize[]

The borderBoxSize read-only property of the ResizeObserverEntry interface returns an array containing the new border box size of the observed element when the callback is run.

MDN Reference

contentBoxSize: readonly ResizeObserverSize[]

The contentBoxSize read-only property of the ResizeObserverEntry interface returns an array containing the new content box size of the observed element when the callback is run.

MDN Reference

contentRect: DOMRectReadOnly

The contentRect read-only property of the ResizeObserverEntry interface returns a DOMRectReadOnly object containing the new size of the observed element when the callback is run. Note that this is better supported than ResizeObserverEntry.borderBoxSize or ResizeObserverEntry.contentBoxSize, but it is left over from an earlier implementation of the Resize Observer API, is still included in the spec for web compat reasons, and may be deprecated in future versions.

MDN Reference

devicePixelContentBoxSize: readonly ResizeObserverSize[]

The devicePixelContentBoxSize read-only property of the ResizeObserverEntry interface returns an array containing the size in device pixels of the observed element when the callback is run.

MDN Reference

target: Element

The target read-only property of the ResizeObserverEntry interface returns a reference to the Element or SVGElement that is being observed.

MDN Reference

Was this helpful?