ResizeObserverSize

Интерфейс ResizeObserverSize API Наблюдения за изменением размера используется интерфейсом ResizeObserverEntry для доступа к свойствам размеров рамки элемента, за которым ведется наблюдение.

ResizeObserverSize.blockSize Только для чтения

Длина граничной рамки наблюдаемого элемента в направлении блока. Для блоков с горизонтальной writing-mode, это вертикальная размерность, или высота; если режим написания вертикальный, это горизонтальная размерность, или ширина.

ResizeObserverSize.inlineSize Только для чтения

Длина граничной рамки наблюдаемого элемента в направлении строки. Для блоков с горизонтальной writing-mode, это горизонтальная размерность, или ширина; если режим написания вертикальный, это вертикальная размерность, или высота.

В этом примере свойство ResizeObserverEntry.contentBoxSize возвращает объект ResizeObserverSize. Это массив, содержащий информацию о размерах области содержимого наблюдаемого элемента.

const resizeObserver = new ResizeObserver((entries) => {
  for (const entry of entries) {
    console.log(entry.contentBoxSize[0]); // a ResizeObserverSize
  }
});

resizeObserver.observe(divElem);