On this page

Interface ResizeObserverEntry

The ResizeObserverEntry interface represents the object passed to the ResizeObserver.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

Properties

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 object containing the new size of the observed element when the callback is run.

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 An Element or SVGElement representing the element being observed.

MDN Reference

Was this helpful?
SDK JS
Reference
ResizeObserverEntry